اضافة نافذة قبول ملفات تعريف الارتباط لمدونتك

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


شرح طريقة التركيب :

أولا ستذهب الى بلوجر ثم الى المظهر , ثم تعديل HTML و تضغط على Ctrl و F ثم ابحث عن الكود </body> وألصق الكود التالي فوقه :

<b:section id='setting-noti' maxwidgets='1' name='إعدادت صندوق كوكيز' showaddelement='no'>
  <b:widget id='LinkList518' locked='true' title='إعدادت صندوق كوكيز' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='text-1'>link-more</b:widget-setting>
      <b:widget-setting name='link-1'>https://zinothec.blogspot.com/p/privacy-policy.html</b:widget-setting>
      <b:widget-setting name='text-0'>btn-color</b:widget-setting>
      <b:widget-setting name='link-0'>#3d5afe</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<div id='cookie-zn'><!--here show box of cookeis--></div>
<script type='text/javascript'>
<b:loop values='data:links' var='link'><b:if cond='data:link.name == &quot;btn-color&quot;'>var bttn_ok=&quot;<data:link.target/>&quot;,</b:if><b:if cond='data:link.name == &quot;link-more&quot;'>linkk_more=&quot;<data:link.target/>&quot;;</b:if> </b:loop>
/*<![CDATA[*/
$.getScript("https://cdn.jsdelivr.net/gh/zinothec/rating@main/zn-thec/cookieV1.js")
/*]]>*/
</script>   
</b:includable>
    <b:includable id='content'/>
  </b:widget>
</b:section>

شرح تخصيص :

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

التخصيص:
  • btn-color: تعني لون زر "الموافقة" و زر "أعرف أكثر " بصفة عامة لون الاضافة
  • link-more: تعني رابط زر أعرف أكثر ضع رابط صفحة سياسة الخصوصية أو سياسة الاستخدام