كيفية إضافة شريط الموافقة على الكوكيز (Cookies) في ووردبريس

كيفية إضافة شريط الموافقة على الكوكيز (Cookies) في ووردبريس

إن امتلاك موقع ويب في المشهد الرقمي التنافسي اليوم يعني ضمان تجربة جميع زوارك لأفضل رحلة مستخدم ممكنة، من البداية إلى النهاية. تتمثل إحدى الخطوات المهمة في تحقيق ذلك في التأكد من امتثالك للائحة العامة لحماية البيانات (GDPR)، وأحد متطلبات القانون العام لحماية البيانات هو إخطار المستخدمين بشأن استخدامك لتقنية ملفات تعريف الارتباط عند زيارتهم لموقع الويب الخاص بك لأول مرة. إذا كان لديك موقع WordPress على الويب، فإن إضافة شريط الموافقة على ملفات تعريف الارتباط أصبحت أسهل بمرور الوقت – ولكن لا يزال من المهم معرفة كيفية عملها بالضبط قبل متابعة العملية! في مقال المدونة هذا، سنشرح بالضبط الخطوات المتضمنة في إنشاء إشعار “ملف تعريف ارتباط” فعال لموقع ووردبريس الخاص بك.

من الذي يحتاج إلى إضافة شريط الموافقة على الكوكيز في موقعه؟

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

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

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

خطوات إضافة شريط الموافقة على الكوكيز إلى موقع ووردبريس الويب الخاص بك

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

الطريقة الأولى: إضافة شريط الموافقة على الكوكيز بإستخدام إضافة

الخطوة 1: تثبيت إضافة الكوكيز في ووردبريس

سنستخدم إضافة Cookie Notice by Hu-manity لإضافة شريط الموافقة على ملفات تعريف الإرتباط في ووردبريس.

Cookie Notice plugin

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

الخطوة 2: إعداد إضافة Cookie Notice في ووردبريس

من لوحة تحكم ووردبريس، توجه إلى Cookies وأضبط الخيارات التي أنت بحاجة إليها.

Cookie Notice plugin settings

سنقوم بترجمة إشعار الكوكيز وتخصيص الألوان وبعض الخيارات الأخرى.

أولاً: ترجمة النصوص إلى لغة الموقع (العربية) وتعيين صفحة سياسة الخصوصية.

Cookie Notice message

ثانياً: تخصيص الألوان وضبط الخيارات الأخرى (إختياري).

Cookie Notice plugin design

الخطوة 3: معاينة شريط الكوكيز في ووردبريس

انتقل إلى الصفحة الرئيسية لموقعك على الويب. هناك يمكنك رؤية رسالة ملف تعريف الارتباط المنبثقة.

Cookie Notice consent message

الطريقة الثانية: إضافة شريط الموافقة على الكوكيز يدوياً بدون إضافة

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

الخطوة 1: نسخ كود إشعار الكوكيز أدناه

تم إنشاء هذا الكود بواسطة Gijo Varghese في WPSpeedmatters وقمت بأخذه لغرض الفائدة ولأنه كود خفيف جداً وحجمه أقل من 1KB:

<p id="cookie-notice">نحن نستخدم ملفات تعريف الارتباط للتأكد من أننا نقدم لك أفضل تجربة على موقعنا. إذا واصلت استخدام هذا الموقع، فسنفترض أنك سعيد به.<br><button onclick="acceptCookie();">فهمت ذلك!</button></p>

<style>#cookie-notice{color:#fff;font-family:inherit;background:#596cd5;padding:20px;position:fixed;bottom:10px;left:10px;width:100%;max-width:300px;box-shadow:0 10px 20px rgba(0,0,0,.2);border-radius:5px;margin:0px;visibility:hidden;z-index:1000000;box-sizing:border-box}#cookie-notice button{color:inherit;background:#3842c7;border:0;padding:10px;margin-top:10px;width:100%;cursor:pointer}@media only screen and (max-width:600px){#cookie-notice{max-width:100%;bottom:0;left:0;border-radius:0}}</style>

<script>function acceptCookie(){document.cookie="cookieaccepted=1; expires=Thu, 18 Dec 2030 12:00:00 UTC; path=/",document.getElementById("cookie-notice").style.visibility="hidden"}document.cookie.indexOf("cookieaccepted")<0&&(document.getElementById("cookie-notice").style.visibility="visible");</script>

الخطوة 2: إضافة الكود في footer ووردبريس

هناك عدة طرق لإضافة كود إلى ووردبريس وسأستخدم لكم الطريقة الأكثر أماناً من خلال مكون إضافي للأكواد. لا تقلق فإن إضافة الأكواد التي سأستخدمها ليس لها أي تأثير يُذكر على سرعة تحميل موقعك!

  1. تنصيب إضافة Header Footer Code Manager على ووردبريس.
  2. من لحة تحكم ووردبريس اختر HFCM ثم Add New.
  3. إختر مكان الكود في Footer وإعطِ إسماً للكود.
  4. أضف الكود ثم أضغط حفظ.
Add New Code Snippet

الخطوة 3: معاينة شريط الكوكيز في ووردبريس

انتقل إلى الصفحة الرئيسية لموقعك على الويب. هناك يمكنك رؤية رسالة ملف تعريف الارتباط المنبثقة.

Cookie Notice consent message2

ملخص ما تم شرحه

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

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

أنمار النقيب

حول أنمار النقيب

مدون & مطور، أُشارك كل ما تعلمته حول تحسين مواقع ووردبريس للسرعة، ودروس تحسين محركات البحث (SEO). إقرأ سيرتي الذاتية لتتعلم المزيد عني.

اترك تعليقاً

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