إضافة إشعار ملفات تعريف الارتباط (الكوكيز) لمدونات بلوجر

طريقة إضافة رسالة الموافقة على ملفات تعريف الارتباط لمدونات بلوجر بشكل احترافي ومميز .
جدول المحتويات

كيفية إضافة إشعار ملفات تعريف الارتباط (الكوكيز) على مدونة بلوجر إذا كنت تستمتع بتصفح الإنترنت لقراءة  بعض المقالات على مواقع الويب ، فقد تكون صادفتك بعض الإشعارات  للموافقة على استخدام ملفات تعريف الارتباط والذي غالبا ما يظهر أعلى الشاشة.

اضافة رسالة الموافقة على ملفات تعريف الارتباط لمدونات بلوجر

ما هي ملفات تعريف الارتباط ؟ قبل الدخول في شرح إضافة هذا الأشعار ، من الجيد مناقشة معنى ملفات تعريف الارتباط ووظيفتها لموقع الويب.

ماذا يعني ملف تعريف ارتباط؟

ملفات تعريف الارتباط أو (الكوكيز) هي مصطلح يشير إلى مجموعة من المعلومات التي تحتوي على سجل تتبع أو نشاط عند تصفح موقع ويب معين. بعبارات بسيطة ، ملف تعريف الارتباط عبارة عن مجموعة من البيانات التي يتلقاها جهاز كمبيوتر من موقع ويب وترسل للموقع الذي تمت زيارته مرة أخرى . 

ما هي وظيفة ملفات تعريف الارتباط؟

الغرض الرئيسي من ملفات تعريف الارتباط هي جمع معلومات وبيانات التصفح الخاصة بك . لتحسين تجربة التصفح الخاصة بك , فمثلا تستخدم المواقع الإلكترونية ملفات تعريف الارتباط لحفظ إعداداتك المفضلة للموقع ,و أيضا إبقائك في وضع تسجيل دخول , وتقديم محتوى ذي صلة باهتماماتك . 

ما فائدة ملفات الارتباط؟ وبماذا يفيد إشعار ملفات تعريف الارتباط  كمدونين ؟

نجد الكثير ممن يروجون ويدعون أن إضافة الإشعار تفيد في قبول المدونة في جوجل ادسنس ، وأيضا أن لها دور في تصدر نتائج بحث جوجل و هذه الأمور كلها عارية عن الصحة تماما .

كما ذكرنا سابقا عن قيام المواقع بجمع معلومات وبيانات التصفح والخاصة بك , وإذا لم يتم تنبيهك او إشعارك بالأمر فسيكون بمثابة انتهاك للخصوصية , حاليا كثير من الدول باتت تجرم جمع بيانات تخص المستخدمين دون موافقتهم كالهند وأمريكا ودول الاتحاد الأوروبي , فيما لا تزال معظم الدول لا تجرم هكذا نوع من الانتهاكات , لكن يوجد توقعات أيضا باتباع باقي الدول لقوانين الخصوصية . 

يجد الكثير من الفوائد لإضافة رسالة الموافقة على ملفات تعريف الارتباط :

1 # تضفي مزيدا من الجمال : تستطيع من خلال تخصيص الاشعار إضافة المزيد من الجمال والاحترافية للمدونة خاصة عندما تبدع بتنسيق الرسالة وشكلها بلغة الـ css . 

2 # تقلل من الارتداد في المدونة : تتضمن الرسالة لعرض السياسات المتعلقة بتعريف الارتباط وغيرها , عندما تضيف ازرار مثل عرض المزيد تدفع الزوار لتصفح صفحات جديدة مثل سياسة الخصوصية و مما يجعل الزائر يبقى المزيد من الوقت في الموقع مما يزيد ثقة جوجل بالمدونة ويخفف معدل الارتداد باعتبار الزائر يتصفح عدة صفحات داخل المدونة . 

3 # الثقة والمصداقية : من هذه الناحية والتي افضلها ان تبني علاقة جيدة مع الزوار وتزيد ثقتهم بمدونتك ومصداقيتها مما يجعدهم سعيدين بالتجربة و وسعيدين بالمحتوى الذي تقدمه, ولعل إعلامهم باستخدام ملفات تعريف الارتباط في مدونتك امر مهم لجعلهم أكثر رضى عن المدونة . 

كيفية أضافة إشعار ملفات تعريف الارتباط على المدونة؟

لإضافة رسالة تنبيه بملفات تعريف الارتباط إلى مدونة ، فإن الطريقة بسيطة للغاية ، يمكنك اتباع الخطوات التالية:

الخطوة # 1: افتح لوحة تحكم Blogger

الخطوة # 3: انقر فوق المظهر ومن ثم انقر فوق تعديل HTML

الخطوة # 4: الصق الكود التالي أعلى وسم <body/> مباشرةً

<style>.CookieBox{position:fixed;bottom:10px;right:10px;max-width:360px;background:#edf4f9;padding:25px 25px 30px 25px;text-align:center;border:1px solid rgba(155,155,155,0.15);border-radius:5px;box-shadow:0 0 0 1px rgb(8,9,10,0.1);transition:all .35s ease;z-index:985}.CookieBox.hide{opacity:0;pointer-events:none;transform:scale(0.8);transition:all 0.3s ease}.CookieBox::selection{color:#fff;background:#FCBA7F}.CookieBox img{max-width:70px}.CookieContent p{padding:0 5px;line-height:1.5em;color:#212F68}.CookieContent .CookieButtons{display:flex;align-items:center;justify-content:center;margin-top:10px}.CookieButtons button{padding:5px 20px;border:none;outline:none;color:#fff;font-size:16px;font-weight:bold;border-radius:5px;background:#212F68;cursor:pointer;transition:all 0.6s ease;box-shadow:1px 7px 14px -5px rgba(0,0,0,.15)}.CookieButtons button:hover,.CookieButtons a:hover{transform:scale(0.85)}.CookieButtons .item{margin:0 10px}.CookieButtons a{padding:5px 20px;margin:0 10px;border:none;outline:none;color:#212F68;font-size:16px;font-weight:bold;border-radius:10px;background:#FCBA7F;cursor:pointer;transition:all 0.3s ease;text-decoration:none}@media only screen and (max-width:680px){.CookieBox{display:flex;align-items:center;justify-content:center;max-width:100%;width:100%;border-radius:0}.CookieBox img{display:none}.CookieButtons button,.CookieButtons a{width:40%}}</style>
<div class="CookieBox">
    <img src="https://1.bp.blogspot.com/-3hI7qZmGJ10/YK46J28Ae3I/AAAAAAAAAHo/e8QBV1bZx3E_T0FtJ_rs-nsvn98m-Hr4wCLcBGAsYHQ/s512/BergStockCookie.png" alt="تعريف الارتباط" />
    <div class="CookieContent">
        <p>نستخدم ملفات تعريف الارتباط لضمان حصولك على أفضل تجربة.</p>
        <div class="CookieButtons">
            <button class="Items">قبول</button>
            <a href="#" class="Items">معرفة المزيد</a>
        </div>
    </div>
</div>
<script async='async'>//<![CDATA[
    const CookieBox = document.querySelector(".CookieBox"), AcceptBergCookie = CookieBox.querySelector(".CookieButtons button");
    AcceptBergCookie.onclick = () => {
        // حفظ الكوكيز لمدة 3 ايام، بعدها تظهر الرسالة مجدداً
        // الثانية * الدقيقه * ساعات اليوم * عدد الايام
		document.cookie = "Cookie=BergStock; max-age=" + 60 * 60 * 24 * 3;
        if (document.cookie) { // اذا تم حفظ الكوكيز
            CookieBox.classList.add("hide"); // اخفي صندوق الرسالة
        } else { // ان لم يتمكن من الحفظ يظهر رسالة التحذير
            alert("يرجى تعطيل الحظر على ملفات تعريف الارتباط");
        }
    }
    // التأكد من ان الزائر قام بالموافقة على ملفات تعريف الارتباط
    let CheckBergCookie = document.cookie.indexOf("Cookie=BergStock");
    // اذا قام الزائر بالموافقه لن يظهر صندوق الرساله
    CheckBergCookie != -1 ? CookieBox.classList.add("hide") : CookieBox.classList.remove("hide");
//]]></script>

تجد الوسم <body/> أسفل القالب .

الخطوة # 5: ثم انقر فوق حفظ لحفظ التغييرات.

معلومة : تستطيع التعديل على شكل الإشعار وطريقة ظهوره , وأيضا المدة التي يظهر بها الإشعار والنص الذي يظهر .
استبدل الرمز # الموجود ضمن الكود برابط صفحة السياسة الخاصة بمدونتك .

الخاتمة

 كان هذا شرحنا لموضوع إضافة إشعار ملفات تعريف الارتباط (الكوكيز) لمدونات بلوجر . سهل جدا أليس كذلك؟ إذا كانت هذه المقالة مفيدة ، فيمكنك مشاركتها والتوصية بها للأصدقاء الذين يحتاجون إليها ، وإذا كانت هناك مشاكل يمكنك طرحها من خلال قسم التعليقات.

إقرا أيضاً :