تعد ملفات تعريف الارتباط أمرا هاما لتحسين تجربة مستخدمي مدونتك والحصول على بيانات مهمة حول أداء الموقع، ومنصة بلوجر توفر شريط إشعارات ملفات تعريف الارتباط تلقائيا، ولكن يمكن أن يتسبب ظهوره في خطأ في المدونات التي تستخدم تقنية AMP.
يهدف هذا البرنامج التعليمي إلى مساعدتك في تجنب هذا الخطأ، حيث سنشرح طريقة وضع شريط الكوكيز في مدونة AMP على منصة بلوجر. لذا، يتطلب الأمر تعطيل الشريط الافتراضي وتثبيت شريط مخصص باستخدام amp-user-notification، وذلك باتباع الخطوات التالية:
يرجى نسخ ولصق الشفرة البرمجية التالية أعلى فوق الرمز </head>:
...<script async="" custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"/><script async="" custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"/>
إذا كانت لديك بالفعل إحدى نسخ JS (amp-user-alert و amp-analytics) في مدونتك، فلن تحتاج إلى إعادة تثبيتها، ويكفي تثبيت الـ JavaScript الذي لم يتم تثبيته بعد على مدونتك.
بإمكانك حفظ الـ CSS التالي داخل العنصر "amp-custom" في مدونتك:
...#amp-user-notification1{background: #fff;color: #111;padding: 10px;font-size: 17px;font-family: "Changa";border-top: 1px solid #c5c5c5}amp-user-notification#amp-user-notification1 p{display:inline;float:right;margin:3px 0 0}amp-user-notification#amp-user-notification1 button{text-align: center;line-height:1;padding: 8px 10px;color:#000;background-color:#f1d600;border:none;border-radius: 5px;-webkit-border-radius: 5px;width: 33%;display: block;margin-right: 10px;float: left;max-width: 150px}
يمكنك وضع الكود التالي في نهاية العنصر </body> لموقعك:
...<amp-user-notification layout=nodisplayid="amp-user-notification1"><p>يتم استخدام ملفات تعريف الارتباط على هذا الموقع لضمان حصولك على أفضل تجربة. <a href="YOUR WEBSITE" target="_blank" title="المزيد من المعلومات">المزيد من المعلومات</a></p><button on="tap:amp-user-notification1.dismiss">موافق</button></amp-user-notification>
يرجى التأكد من استبدال الرابط YOUR WEBSITE برابط سياسة الخصوصية الخاص بموقعك.
بعد ذلك ، تأكد من تثبيت كود amp-analytics، وإذا لم يتم تثبيته ، يرجى وضع الكود التالي في الجزء العلوي من المقطع </body>.
...<amp-analytics id="analytics1" type="googleanalytics"><script type="application/json">{"vars": {"account": "UA-XXXXXXXXX-X"},"triggers": {"trackPageview": {"on": "visible","request": "pageview"}}}</script></amp-analytics>
باستخدام هذا البرنامج التعليمي، يمكنك الآن وضع شريط الكوكيز في مدونة AMP على منصة بلوجر بسهولة، وذلك بتعطيل الشريط الافتراضي وتثبيت شريط مخصص باستخدام amp-user-notification. يمكن لمستخدمي مدونتك الآن الاستمتاع بتجربة مستخدم أفضل وتحصيل بيانات هامة حول أداء الموقع بطريقة سليمة.
أنا محمد، مالك مدونة صور نت للمعلوميات والرقمنة، أمتلك خبرة واسعة في تحسين محركات البحث (السيو)، ومهتم بشكل خاص بمجالات التسويق الرقمي والتكنولوجيا المالية الرقمية.