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

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

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

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

ما فائدة رسالة ملفات تعريف الارتباط

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

فتوقعات ايضاً بإتباع باقي الدول لقوانين الخصوصية والتي دون شك ستلزم جوجل بفرض رسائل مثل ملفات تعريف الارتباط وغيرها للظهور في مدونتك دون الرجوع إليك لجميع الزوار. وهناك بعض الفوائد الآخرى التي قد تفوز بها إن قمت بإضافة رسالة ملفات تعريف الارتباط مسبقاً:

المصداقية

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

منع الارتداد عن المدونة

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

يمكنك تضمين صفحة خصوصية الاستخدام والتي سيقرئها الزائر في مدة لا تقل عن 5 دقائق وهي مدة كافية لزيادة ثقة جوجل بك خصوصاً ان كان هذا الزائر قادم عن طريق بحث جوجل.

طابع جمالي

باستخدام رسالة ملفات تعريف الارتباط تعطي رونق خاص لمدونة حيث ان مثل هذه الرسائل تأخد وضعية fixed باستخدام CSS والتي تمر معك للاسفل عند التمرير. وهو ما قد يعطي شكل مميز لمدونتك.

ما يميز هذه الإضافة عن غيرها

ربما قد صادفت الكثير من المقالات في مدونات ومواقع أخرى تقدم رسالة ملفات تعريف الارتباط، وهذا يعني أن هذا المقال ليس بالمميز؟

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

السرعة

تمت برمجة هذه الإضافة بواسطة فريق بيرجستوك وتم استخدام فقط لغات HTML و CSS و جافاسكربت وهذا سبب وجيز جداً لتمييزها عن غيرها.

تلاحظ ان معظم من قدم مثل هذه الأداة قد قام بتوليدها باستخدام احد المواقع التي تحتاج لتضمين المكتبة الخاصة بهم داخل موقعك، والآخر قام ببرمجة الأداة باستخدام jQuery والذي تحتاج ثلاث اضعاف الوقت للتنفيذ وتحتاج الى مكتبة جيكوري كاملة داخل موقعك واليك مقال كيفية التحويل من jQuery إلى JavaScript – وماهي الفوائد الناتجة.

التجاوب

مظهر رسالة الموافقة على ملفات تعريف الارتباط على الكمبيوتر

رسالة الموافقة على ملفات تعريف الارتباط على الهاتف تاخد حجم الشاشة ويقوم بإخفاء الصورة

تعمل رسالة ملفات تعريف الارتباط بحجمين مختلفين على الكمبيوتر والهاتف لضمان جمالية الشكل العام.

الفترة الزمنية

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

لكن هنا في بيرجستوك تتضمن الأداة توقيت لحفظ اختيار الزائر لفترة زمنية محدده بعدها يتم اظهار الرسالة مره أخرى وتم تنفيذ هذه الخاصة بإستخدام document.cookie كما يمكنك أيضاً تنفيذ مثلها باستخدام التخزين الداخلي للمتصفح localStorage.

طريقة إضافة رسالة ملفات تعريف الارتباط

• الخطوة الأولى
  توجه للوحة تحكم مدونتك ثم توجه إلى المظهر وقم باختيار تعديل HTML
• الخطوة الثانية
  استخدم CTRL + F للبحث داخل قالب مدونتك
• الخطوة الثالة
  قم بإضافة الكود الخاص بالرسالة أعلى </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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhuzSHlv7Bn88mupD8lar42B4OajXfIvR_PNEFGT90L5U5BjVJ6UqZ-VvzS96nBXDYungiIAKeWmhSLRPqhzHwM-MH9jayDe72DW6Mo37EtEQ7E0FvNECDrx1Qjq4aNuFm5p-vEjqujYbf/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>

الخاتمة

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

طلب اضافة رسالة الكوكيز من أحد أصدقائي على الفيسبوك

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