الجزء الثاني | تركيب إشعار مخصص بتواجد ملفات تعريف الإرتباط في المدونة.

تتطلب قوانين الاتحاد الأوروبي (EU)- في اللائحة العامة لحماية البيانات (GDPR) من مواقع الويب تزويد زوار الاتحاد الأوروبي بمعلومات حول ملفات تعريف الارتباط المستخدمة على موقع الويب. وفي كثير من الحالات ، يشترط من المواقع الحصول على موافقة الزائر.
وكما نعلم فإن بلوجر - Blogger هي منصة تدوين تابعة لشركة Google وعلى هذا النحو ، فإن فريق رسمي من Google معني بإدارتها وتطويرها..أي انها نظام مغلق المصدر.
المهم ...قصدي هو أننا كمستخدمين للمنصة ، عملنا في الغالب لايتعدى نشر المحتوى. أما إدارة نظام Blogger ليست في سيطرتنا.
وطبعا لحسن الحظ ، Google أضافت إشعارًا - إفتراضي - لتواجد ملفات تعريف الإرتباط على جميع خدماتها ومن بينها Blogger وذلك للمساعدة في تلبية هذه اللوائح.
وبإختصار يتيح الإشعار للزائرين معرفة استخدام Google لبعض ملفات تعريف الارتباط الخاصة بـ Blogger و Google على مدونتك ، بما في ذلك ملفات تعريف الارتباط من Google Analytics وملفات تعريف ارتباط AdSense.
للتحقق من إشعار الموافقة الافتراضي لملفات تعريف الارتباط الذي يتم تنفيذه بواسطة Blogger ومعرفة المزيد حول ملفات تعريف الإرتباط ، ضروري الرجوع إلى منشور المدونة السابق الخاص بنا - الجزء الأول | فهم عام لملفات الإرتباط وإنشاء وثيقة الخصوصية

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

حول رسالة الإشعار المخصص

ihavecookies.js هو ملحق jQuery خفيف وبسيط التصميم لإعلام المستخدمين أن موقعك يحتوي على ملفات تعريف الارتباط ولجعل موقع الويب الخاص بك يتوافق مع قانون حماية البيانات العامة وقانون ملفات تعريف الارتباط في الاتحاد الأوروبي.
المكوّن الإضافي يعرض رسالة موافقة ملف تعريف الارتباط في الزيارة الأولى أو بعد كم يومًا أنت تحدده من آخر زيارة له كما أنه يحتوي على خيار يتيح للزائر تحديد الملفات التي يريد قبولها - طبعا بعد تخصيصها
أضف إلى ذلك سهولة التحكم في طريقة العرض فقط من أداة في صفحة التخطيط..مثل اللون والخط وسرعة العرض إلى غير ذلك وأضف أن السكريبت يتيح لك تعطيل الإشعار الإفتراضي الخاص بـ Google

معاينة رسالة الإشعار المخصص

المعاينة

طريقة تركيب الأداة

لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولة

إنتقل إلى المظهر >> ثم إضغط على تحرير Edit HTML
إضغط في وسط محرر الأكواد ثم F + Ctrl لإضهار مربع البحث
بإستعمال الزر C +Ctrl للنسخ و V +Ctrl للصق قم بوضع الأكواد في المكان المناسب
قم بالبحث عن هذا الوسم </b:section> فوقه أي قبله قم بوضع كود html التالي..

ملاحظة مهمة

ستجد الوسم </b:section> الذي نبحث عنه مكرر أكثر من مرة لايهم المطلوب لأننا سنغير مكان الأداة من صفحة التخطيط إختر مثلا الموجود في القائمة الجانبية المهم أحرص على حفظ القالب دون أي أخطاء ولاتنسى أخذ نسخة إحتياطية للقالب.

HTML
              <b:widget id='LinkList967' locked='true' title='إعدادت رسالة ملفات تعريف الارتباط' type='LinkList' version='1'>
                <b:widget-settings>
                  <b:widget-setting name='text-26'>Font</b:widget-setting>
                  <b:widget-setting name='text-22'>expires</b:widget-setting>
                  <b:widget-setting name='text-23'>TTl-color</b:widget-setting>
                  <b:widget-setting name='text-24'>TXT-color</b:widget-setting>
                  <b:widget-setting name='text-25'>URL-color</b:widget-setting>
                  <b:widget-setting name='text-9'>btn-advanced-text</b:widget-setting>
                  <b:widget-setting name='text-8'>btn-ccept-text</b:widget-setting>
                  <b:widget-setting name='text-20'>link</b:widget-setting>
                  <b:widget-setting name='text-21'>delay</b:widget-setting>
                  <b:widget-setting name='text-1'>allow-googlecookie</b:widget-setting>
                  <b:widget-setting name='text-0'>allow-mycookie</b:widget-setting>
                  <b:widget-setting name='text-3'>allow-types</b:widget-setting>
                  <b:widget-setting name='text-2'>allow-advanced</b:widget-setting>
                  <b:widget-setting name='text-5'>title-text</b:widget-setting>
                  <b:widget-setting name='text-4'>id-googleanalytics</b:widget-setting>
                  <b:widget-setting name='text-7'>btn-information-text</b:widget-setting>
                  <b:widget-setting name='text-6'>message-text</b:widget-setting>
                  <b:widget-setting name='text-19'>direction</b:widget-setting>
                  <b:widget-setting name='text-15'>analytics-text</b:widget-setting>
                  <b:widget-setting name='text-16'>analytics-desc-text</b:widget-setting>
                  <b:widget-setting name='text-17'>marketing-text</b:widget-setting>
                  <b:widget-setting name='text-18'>marketing-desc-text</b:widget-setting>
                  <b:widget-setting name='text-11'>necessary-text</b:widget-setting>
                  <b:widget-setting name='text-12'>necessary-desc-text</b:widget-setting>
                  <b:widget-setting name='text-13'>preferences-text</b:widget-setting>
                  <b:widget-setting name='text-14'>preferences-desc-text</b:widget-setting>
                  <b:widget-setting name='text-10'>types-text</b:widget-setting>
                  <b:widget-setting name='link-17'>تسويق</b:widget-setting>
                  <b:widget-setting name='link-16'>ملفات تعريف الارتباط المتعلقة بزيارات الموقع وأنواع المتصفح...إلخ.</b:widget-setting>
                  <b:widget-setting name='link-19'>rtl</b:widget-setting>
                  <b:widget-setting name='sorting'>NONE</b:widget-setting>
                  <b:widget-setting name='link-18'>ملفات تعريف الارتباط المتعلقة بالتسويق على سبيل المثال النشرات الإخبارية وسائل التواصل الاجتماعي...إلخ</b:widget-setting>
                  <b:widget-setting name='link-1'>true</b:widget-setting>
                  <b:widget-setting name='link-13'>تفضيلات</b:widget-setting>
                  <b:widget-setting name='link-2'>true</b:widget-setting>
                  <b:widget-setting name='link-12'>هذه ضرورية لموقع الويب للعمل بشكل صحيح.</b:widget-setting>
                  <b:widget-setting name='link-15'>تحليلات</b:widget-setting>
                  <b:widget-setting name='link-0'>true</b:widget-setting>
                  <b:widget-setting name='link-14'>هذه ملفات تعريف الارتباط المرتبطة بتفضيلات موقعك على سبيل المثال تذكر اسم المستخدم الخاص بك ألوان الموقع...إلخ.</b:widget-setting>
                  <b:widget-setting name='link-11'>ضروري</b:widget-setting>
                  <b:widget-setting name='link-10'>حدد ملفات تعريف الارتباط التي تريد قبولها</b:widget-setting>
                  <b:widget-setting name='link-9'>تخصيص أكثر</b:widget-setting>
                  <b:widget-setting name='link-7'>المزيد من المعلومات</b:widget-setting>
                  <b:widget-setting name='link-8'>أعي ذلك</b:widget-setting>
                  <b:widget-setting name='link-5'>الموافقة على ملفات الارتباط والخصوصية&#1567;</b:widget-setting>
                  <b:widget-setting name='link-6'>نحن نستخدم ملفات تعريف الارتباط لفهم كيفية استخدامك لموقعنا ولتحسين تجربتك. وهذا يشمل تخصيص المحتوى والإعلانات....</b:widget-setting>
                  <b:widget-setting name='link-3'><![CDATA[['preferences', 'analytics', 'marketing']]]></b:widget-setting>
                  <b:widget-setting name='link-4'>UA-000000000</b:widget-setting>
                  <b:widget-setting name='link-24'>#444444</b:widget-setting>
                  <b:widget-setting name='link-23'>#FFB900</b:widget-setting>
                  <b:widget-setting name='link-26'>inherit</b:widget-setting>
                  <b:widget-setting name='link-25'>#2900FF</b:widget-setting>
                  <b:widget-setting name='link-20'>https://policies.google.com/technologies/cookies</b:widget-setting>
                  <b:widget-setting name='link-22'>30</b:widget-setting>
                  <b:widget-setting name='link-21'>600</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
    <!-- GDPR-Cookie-Consent-Popup-Plugin -->
<b:if cond='not data:view.isPreview'>
<script type='text/javascript'>
        SettingsCookie={
          <b:loop values='data:links' var='link'>&#39;<data:link.name/>&#39; : <b:if cond='data:link.name in {&quot;delay&quot;,&quot;expires&quot;,&quot;allow-mycookie&quot;,&quot;allow-googlecookie&quot;,&quot;allow-advanced&quot;}'><data:link.target/><b:else/>&#39;<data:link.target.jsEscaped/>&#39;</b:if>,
          </b:loop>
        }
/*<![CDATA[*/
$(function(){
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('b 3E=f 0!==6["11-2z"]?6["11-2z"]:"",1m=f 0!==6["2A-h"]?6["2A-h"]:"#3F",19=f 0!==6["2B-h"]?6["2B-h"]:"#3G",F=f 0!==6["2C-h"]?6["2C-h"]:"#3H",1n=f 0!==6.1n?6.1n:"3I, 3J, 3K, 3L-3M",2D=f 0!==6.H?6.H:"26",2E=!1!==6["1o-U"],2F=!1!==6["1o-3N"],3O=!1!==6["1o-3P"],2G=f 0!==6["1o-12"]?6["1o-12"]:"[\'O\', \'1a\', \'13\']",2H=f 0!==6.1M?6.1M:"3Q",2I=f 0!==6.1b?6.1b:"30",2J=f 0!==6.1N?6.1N:"3R://3S.3T.3U/3V/1p",2K=f 0!==6["P-8"]?6["P-8"]:"1q & 3W",2L=f 0!==6["7-8"]?6["7-8"]:"3X 2M 1p 14 3Y 3Z 40 2M 41 1O 2N 14 42 27 43. 44 45 46 1P 2N 47.",2O=f 0!==6["12-8"]?6["12-8"]:"48 1p 14 28",2P=f 0!==6["1r-8"]?6["1r-8"]:"4a",2Q=f 0!==6["O-8"]?6["O-8"]:"4b 4c",2R=f 0!==6["1a-8"]?6["1a-8"]:"4d",2S=f 0!==6["13-8"]?6["13-8"]:"4e",2T=f 0!==6["1r-V-8"]?6["1r-V-8"]:"2U 1Q 1p 2V 1Q 4f 1R 4g 4h 14 4i 4j.",2W=f 0!==6["O-V-8"]?6["O-V-8"]:"2U 1Q 1p 2V 1Q 29 14 27 1O O, e.g. 4k 27 4l, 1O 4m, 2a.",2X=f 0!==6["1a-V-8"]?6["1a-V-8"]:"1q 29 14 1O 4n, 4o 12, 2a.",2Y=f 0!==6["13-V-8"]?6["13-V-8"]:"1q 29 14 13, e.g. 4p, 4q 4r, 2a",2Z=f 0!==6["1c-31-8"]?6["1c-31-8"]:"4s 1q",32=f 0!==6["1c-U-8"]?6["1c-U-8"]:"4t 1q",33=f 0!==6["1c-2b-8"]?6["1c-2b-8"]:"4u 2b";$("<1s u=\'8/1t\'>:4v{--1m:"+1m+";--19:"+19+";--F:"+F+";}#4-3-7{1u:4w;2c:0;W:34;I:0 34;35-1v:4x;Q-h:1d;1S:1w;C-36:"+1n+";z-2d:4y;-v-1e-1f:q;-4z-1e-1f:q;-R-1e-1f:q;-D-1e-1f:q;-o-1e-1f:q;1e-1f:q;}#4-3-7.26{H:26;}#4-3-7.37{H:37;}#4-3-7 1T{h:b(--1m);C-15:1g;C-38:39;I:J 0;1h-X:1i;}#4-3-7 1T i{C-15:1w;C-1s:1i;I:0 E;}#4-3-7 2e{h:b(--1m);C-15:2f;C-38:39;I:0 0 J 0;1h-X:1i;}#4-3-7 p,#4-3-7 2g{h:b(--19);C-15:2f;1h-X:1.4A;I-W:1w;1h-X:1.4B;}#4-3-7 p:3a-3b{I-W:0;8-1j:4C;}#4-3-7 1k{4D-1s:q;I-W:J;1v:49%;16:1x-3c;}#4-3-7 1k:3a-3b{I-W:0;}#4-3-7 a{h:b(--F);8-4E:q;C-15:1U;1S-W:E;j-W:3d 4F b(--F);}#4-3-7 a:1V{j-W-h:4G;}#4-3-7 B{C-36:"+1n+";j:q;Q:b(--F);h:1d;C-15:2f;1S:2h J;I:0 2h;1y:2i;1h-X:1i;j:3d 4H b(--F);}B#4-3-U{Q:1d;h:b(--F);j-h:#4I;}#4-3-7 B:1V{Q:1d;h:b(--F);j-h:b(--F);}#4-3-7 B:Y{Q:#2j;h:#4J;1y:1z;}#4-3-7 B:Y:1V{j-h:#2j;}#4-3-7 1l{1u:2k;16:1x-3c;35-1v:4K%;1y:2i;}#4-3-7 A[u=K]{Q:#4L;h:b(--19);1v:1w;X:1w;1y:2i;1u:2k;4M:q;I:0 2h;z-2d:1;3e-1j:4N;j:q;4O:q;-v-1A:q;-R-1A:q;-D-1A:q;-o-1A:q;1A:q;}#4-3-7 A[u=K]:Y{1y:1z;}#4-3-7 A[u=K]:S::2l{1u:2k;1P:\'\';Q-h:b(--F);1v:1U;X:1U;}#4-3-7 A[u=K]:Y:S::2l{Q-h:#2j;}.3-17{16:q;1u:4P;Q-h:1d;h:b(--19);1S:J 1U;4Q:.9;z-2d:4R;1d-4S:1i;1h-X:1.2;C-15:4T;}.3-17{-v-w-L:E E M N(0,0,0,.2);-R-w-L:E E M N(0,0,0,.2);-D-w-L:E E M N(0,0,0,.2);-o-w-L:E E M N(0,0,0,.2);w-L:E E M N(0,0,0,.2);}#4-3-7{-v-w-L:0 1B 1g N(0,0,0,.25);-R-w-L:0 1B 1g N(0,0,0,.25);-D-w-L:0 1B 1g N(0,0,0,.25);-o-w-L:0 1B 1g N(0,0,0,.25);w-L:0 1B 1g N(0,0,0,.25);}#4-3-7{-v-j-y:J;-R-j-y:J;-D-j-y:J;-o-j-y:J;j-y:J;}#4-3-7 B,.3-17{-v-j-y:M;-R-j-y:M;-D-j-y:M;-o-j-y:M;j-y:M;}#4-3-7 A[u=K],#4-3-7 A[u=K]:S::2l{-v-j-y:1C%;-R-j-y:1C%;-D-j-y:1C%;-o-j-y:1C%;j-y:1C%;}#4-3-7 a,#4-3-7 B{-v-1D:1E .2s 1F-1G;-R-1D:1E .2s 1F-1G;-D-1D:1E .2s 1F-1G;-o-1D:1E .2s 1F-1G;1D:1E .2s 1F-1G;}#4-3-7 A[u=K]{16:-v-1x-Z;16:-D-1x-Z;16:1x-Z;-v-w-2m:T;-D-Z-2m:T;-R-w-2m:T;-v-3f-1P:T;3f-1P:T;-v-w-1j:T;-v-1j-3g:T;-D-Z-1j:T;1j-3g:T;-v-w-4U:3e;-v-w-H:1i;-v-Z-H:2n;-D-Z-H:2n;Z-H:2n;}</1s>").3h("4V"),!1===2F&&(4W={}),m(p){p.2o.1W=m(e,o){b i=p(18),t=p.4X({3i:[{u:2Q,G:"O",1H:2W},{u:2R,G:"1a",1H:2X},{u:2S,G:"13",1H:2Y}],P:"<i>&#4Y;</i>"+2K,7:2L,3j:2Z,3k:32,3l:33,3m:2O,3n:2P,3o:2T,H:2D,1M:2H,1b:2I,1N:2J,3p:2E,3q:m(){},3r:!1},e),n=x("2p"),r=x("1X");2q(n&&r&&"3s"!=o){b a=!0;"4Z"==n&&(a=!1),k(a,t.1b)}50{p("#4-3-7").1Y();b s=\'<1k><A u="K" 1I="4[]" G="1r" S="S" Y="Y"> <1l P="\'+t.3o+\'">\'+t.3n+"</1l></1k>",c=2G;O=1Z.2r(r),p.2t(t.3i,m(e,o){2q(""!==o.u&&""!==o.G&&-1<c.2u(o.G)){b i="";!1!==o.1H&&(i=\' P="\'+o.1H+\'"\'),s+=\'<1k><A u="K" 11="4-2v-\'+o.G+\'" 1I="4[]" G="\'+o.G+\'" 1J-1z="20"> <1l 1R="4-2v-\'+o.G+\'"\'+i+">"+o.u+"</1l></1k>"}});b l="";!0===t.3p&&(l+=\'<B 11="4-3-U" u="B">\'+t.3k+"</B>");b d=\'<21 11="4-3-7" 3t="\'+t.H+\'"><1T>\'+t.P+"</1T><p>"+t.7+\' <a 51="\'+t.1N+\'">\'+t.3l+\'</a><21 11="4-3-12" 1s="16:q;"><2e>\'+t.3m+"</2e><2g>"+s+\'</2g></21><p><B 11="4-3-28" u="B">\'+t.3j+"</B>"+l+"</p></21>";52(m(){p(i).53(d),p("#4-3-7").54().3u("55",m(){"3s"==o&&(p("#4-3-U").56("2w"),p.2t(O,m(e,o){p("A#4-2v-"+o).1K("S",!0)}))}),0<p("#4-3-7").22&&(p("#4-3-7 1l").1V(m(e){b o=p(18).2x("P");p(18).1J("3v",o).57("P"),p(\'<3w 3t="3-17"></3w>\').8(o).3h(i).1t("3x",e.3y-0+"23").1t("2c",e.3z+5+"23").3u("2y")},m(){p(18).2x("P",p(18).1J("3v")),p(".3-17").1Y()}).58(m(e){p(".3-17").1t("3x",e.3y+10+"23").1t("2c",e.3z+10+"23")}),p(59).5a(m(){p(".3-17").1Y()}))},t.1M),p("3A").20("2w","#4-3-28",m(){k(!0,t.1b),p(\'A[1I="4[]"][1J-1z="20"]\').1K("S",!0);b i=[];p.2t(p(\'A[1I="4[]"]\').5b(),m(e,o){i.5c(o.G)}),g("1X",1Z.5d(i),5e),t.3q.5f(18)}),p("3A").20("2w","#4-3-U",m(){p(\'A[1I="4[]"]:5g(:Y)\').2x("1J-1z","5h").1K("S",!1),p("#4-3-12").5i("2y",m(){p("#4-3-U").1K("Y",!0)})})}!0===t.3r&&p(\'A[u="K"].1W\').1K("S",!1)},p.2o.1W.3=m(){b e=x("1X");1L 1Z.2r(e)},p.2o.1W.5j=m(e){b o=x("2p"),i=x("1X");1L i=1Z.2r(i),!1!==o&&(!1!==i&&-1!==i.2u(e))};b k=m(e,o){g("2p",e,o),p("#4-3-7").5k("2y",m(){p(18).1Y()})},g=m(e,o,i){b t=5l 5m;t.5n(t.5o()+24*i*3B*3B*5p);b n="1b="+t.5q();1L 3C.3=e+"="+o+";"+n+";5r=/",x(e)},x=m(e){1R(b o=e+"=",i=5s(3C.3).5t(";"),t=0;t<i.22;t++){1R(b n=i[t];" "==n.5u(0);)n=n.3D(1);2q(0===n.2u(o))1L n.3D(o.22,n.22)}1L!1}}(5v);',62,342,'|||cookie|gdpr||SettingsCookie|message|text|||var||||void||color||border|||function||||none||||type|webkit|box||radius||input|button|font|ms|2px|URLcolor|value|direction|margin|10px|checkbox|shadow|3px|rgba|preferences|title|background|moz|checked|center|advanced|desc|bottom|height|disabled|flex||id|types|marketing|to|size|display|tooltip|this|TXTcolor|analytics|expires|btn|white|user|select|15px|line|normal|align|li|label|TTlcolor|Font|allow|cookies|Cookies|necessary|style|css|position|width|20px|inline|cursor|auto|appearance|8px|100|transition|all|ease|in|description|name|data|prop|return|delay|link|site|content|are|for|padding|h4|12px|hover|ihavecookies|cookieControlPrefs|remove|JSON|on|div|length|px|||rtl|your|accept|related|etc|information|left|index|h5|13px|ul|5px|pointer|dadce0|relative|before|pack|column|fn|cookieControl|if|parse||each|indexOf|cookietype|click|attr|fast|googleanalytics|TTl|TXT|URL|Cookie_direction|Cookie_allowadvanced|Cookie_allowgooglecookie|Cookie_allowtypes|Cookie_delay|Cookie_expires|Cookie_privacy_link|Cookie_title|Cookie_message|use|and|Cookie_cookieTypesTitle|Cookie_T_necessary|Cookie_T_preferences|Cookie_T_analytics|Cookie_T_marketing|Cookie_D_necessary|These|that|Cookie_D_preferences|Cookie_D_analytics|Cookie_D_marketing|Cookie_acceptBtnLabel||ccept|Cookie_advancedBtnLabel|Cookie_moreInfoLabel|30px|max|family|ltr|weight|bold|last|child|block|1px|vertical|justify|items|appendTo|cookieTypes|acceptBtnLabel|advancedBtnLabel|moreInfoLabel|cookieTypesTitle|fixedCookieTypeLabel|fixedCookieTypeDesc|allowBoxes|onAccept|uncheckBoxes|reinit|class|fadeIn|tiptext|span|top|pageY|pageX|body|60|document|substring|id_googleanalytics|FFB900|444444|2900FF|Tahoma|Helvetica|FreeSans|sans|serif|googlecookie|Cookie_allowmycookie|mycookie|600|https|policies|google|com|technologies|Privacy|We|understand|how|you|our|improve|experience|This|includes|personalizing|advertising|Select||Necessary|Site|Preferences|Analytics|Marketing|essential|the|website|work|correctly|remembering|username|colours|visits|browser|newsletters|social|media|Accept|Customise|More|root|fixed|375px|100000000000000|khtml|5em|75em|start|list|decoration|dotted|transparent|solid|e8e8e8|b5b5b5|90|f8f8f8|float|middle|outline|absolute|opacity|1000000000000000|space|11px|orient|head|cookieChoices|extend|x1F36A|false|else|href|setTimeout|append|hide|slow|trigger|removeAttr|mousemove|window|scroll|serializeArray|push|stringify|365|call|not|off|slideDown|preference|fadeOut|new|Date|setTime|getTime|1e3|toUTCString|path|decodeURIComponent|split|charAt|jQuery'.split('|'),0,{}))

$(window).one('load',function() {
    function preferences_code() {
     console.log('%cpreferences: is accepted', 'color:tomato');
    };
    function analytics_code() {
     console.log('%canalytics: is accepted', 'color:tomato');
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', id_googleanalytics, 'auto', 'blogger');
        ga('blogger.send', 'pageview');
    };
    function marketing_code() {
     console.log('%cmarketing: is accepted', 'color:tomato');
    };
    function domcookie() {
               !0===$.fn.ihavecookies.preference("preferences")&&preferences_code();
               !0===$.fn.ihavecookies.preference("analytics")&&analytics_code();
               !0===$.fn.ihavecookies.preference("marketing")&&marketing_code();
    };
              var options = {
               onAccept:function(){
                var myPreferences = $.fn.ihavecookies.cookie();
                console.log('%cYay! The following preferences were saved...', 'color:tomato');
                console.log(myPreferences);
                  domcookie();
               }
              };
 // allow my cookie
    if (Cookie_allowmycookie === true) {
        $('body').ihavecookies(options);
        domcookie();
        $('#ihavecookiesBtn').on('click', function(){$('body').ihavecookies(options, 'reinit');});
    }
});//load
});
/*]]>*/
</script>
</b:if>
</b:includable>
              </b:widget>

إنتقل الآن إلى التخطيط >> ثم إبحث عن أداة بعنوان إعدادت رسالة ملفات تعريف الارتباط

ملاحظة مهمة

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

التعديل على الأداة

المعرف allow-mycookie خاص بإضهار او إخفاء صندوق الإشعار في حال أردت تعطيله مؤقتا ضع القيمة false ولن يظهر للزائر وللعرض ضع القيمة true

المعرف allow-googlecookie خاص بإضهار او إخفاء صندوق الإشعار -الإفتراضي- الخاص بـ Google في حال أردت تعطيله مؤقتا ضع القيمة false ولن يظهر للزائر المتواجد في الإتحاد الاروبي وللعرض ضع القيمة true..لكني انصحك بعدم إخفائه إلا في حال كنت تدرك ما تفعل.

المعرف allow-advanced خاص بإضهار او إخفاء زر التخصيص لملفات الإرتباط المراد قبولها ففي حال أردت تعطيل هذا الزر ضع القيمة false وللعرض ضع القيمة true..إذا قمت بتعطيل الزر فذلك يعني عدم إتاحة خيار التخصيص للزائر وسيتعين عليه قبول جميع الملفات فور الضغط على زر - موافق -.

المعرف allow-types خاص بإضهار او إخفاء إعداد وضيفة معينة لملفات الإرتباط المراد قبولها ستجد القيمة بهذا الشكل ['preferences', 'analytics', 'marketing'] ولنفترض أنك تريد حذف خيار التسويق عندها سنجعل القيمة بهذا الشكل ['preferences', 'analytics']...أما إذا أردت ترك فقط التحليلات ستكون القيمة كالتالي ['analytics'] وهذا ما انصح به أترك فقط التحليلات في حال لم ترد الغوص في تخصيص ملفات التفضيلات والتسويق.

المعرف id-googleanalytics خاص بالمعرف الخاص بك على Google Analytics ستقوم بجلبه ووضعه كقيمة مكان UA-000000000 ثم قم بالبحث عن هذا الوسم<b:include data='blog' name='google-analytics'/> في قالب مدونتك إذا وجدته قم بحذفه وذلك حتى لايتم حقن سكريبت التحليلات مرتين في مدونتك وفي نفس الوقت تتيح للزائر خيار ماإذا كان يريد تتبع زيارته من خلال أداة Google Analytics

جميع المعرفات التي تنتهي بـ -text والمحددة بلون واحد هي نصوص الإشعار مثل العناوين والوصف ونص الأزرار..إلخ تستطيع أن تكتب بدلها ما تريد أما إذا حذفت أي معرف بالضغط على Delete

Edit Delete ↑ ↓

التي أمامه سيظهر النص تلقائيا باللغة الإنجلزية

المعرف direction خاص بتنسيق إتجاه النص نضع القيمة rtl إذا كان النص بتنسيق عربي ونضع القيمة ltr إذا كان النص بتنسيق أجنبي.

المعرف link خاص برابط صفحة سياسة الخصوصية إذا لم تنشئها بعد الرجاء راجع الجزء الاول من هذا البرنامج التعليمي من هنا ..الآن عند إنشاء الصفحة قم بجلب الرابط وضعه كقيمة مكان رابط سياسة الخصوصية الخاص بـ Google https://policies.google.com/technologies/cookies وعلى فكرة يمكنك إستخدام هذا الرابط بدل رابط صفحتك بما أن Blogger أحد منتجات Google.

المعرف delay خاص بمدة تأخر عرض رسالة الإشعار ضع مايناسبك مكان القيمة 600 أو إتركه كما هو.

المعرف expires خاص بمدة إعادة عرض رسالة الإشعار في حال لم يقم المستخدم بتنضيف المتصفح من ملفات تعريف الإرتباط ضع مايناسبك مكان القيمة 30 والتي تعني 30 يوم.

المعرف TTl-color خاص بلون العناوين ضع مايناسبك مكان القيمة #FFB900.
المعرف TXT-color خاص بلون النصوص ضع مايناسبك مكان القيمة #444444.
المعرف URL-color خاص بلون الأزرار والنص المحتوى القابل للنقر فضع مايناسبك مكان القيمة #2900FF.

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

عارضة المطور لفهم بيئة العمل أكثر.

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

نوع الملف	وضيفة الملف	نوع المكون
`necessary` ملفات ضرورية	لاتوجد لها وضيفة	ملفات تعريف الارتباط ضرورية لموقع الويب للعمل بشكل صحيح.
`preferences` ملفات التفضيلات	`preferences_code()`	ملفات تعريف الارتباط المرتبطة بتفضيلات موقعك على سبيل المثال تذكر اسم المستخدم الخاص بك ألوان الموقع...إلخ.
`analytics` ملفات التحليل	`analytics_code()`	ملفات تعريف الارتباط المتعلقة بزيارات الموقع وأنواع المتصفح...إلخ.
`marketing` ملفات التسويق	`marketing_code()`	ملفات تعريف الارتباط المتعلقة بالتسويق على سبيل المثال النشرات الإخبارية وسائل التواصل الاجتماعي...إلخ.

نوع الملف

وضيفة الملف

نوع المكون

necessary ملفات ضرورية

لاتوجد لها وضيفة

ملفات تعريف الارتباط ضرورية لموقع الويب للعمل بشكل صحيح.

preferences ملفات التفضيلات

preferences_code()

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

analytics ملفات التحليل

analytics_code()

ملفات تعريف الارتباط المتعلقة بزيارات الموقع وأنواع المتصفح...إلخ.

marketing ملفات التسويق

marketing_code()

ملفات تعريف الارتباط المتعلقة بالتسويق على سبيل المثال النشرات الإخبارية وسائل التواصل الاجتماعي...إلخ.

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

HTML
$(window).one('load',function() {
    function preferences_code() {
     console.log('%cpreferences: is accepted', 'color:tomato');
    };
    function analytics_code() {
     console.log('%canalytics: is accepted', 'color:tomato');
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', id_googleanalytics, 'auto', 'blogger');
        ga('blogger.send', 'pageview');
    };
    function marketing_code() {
     console.log('%cmarketing: is accepted', 'color:tomato');
    };
    function domcookie() {
               !0===$.fn.ihavecookies.preference("preferences")&&preferences_code();
               !0===$.fn.ihavecookies.preference("analytics")&&analytics_code();
               !0===$.fn.ihavecookies.preference("marketing")&&marketing_code();
    };
              var options = {
               onAccept:function(){
                var myPreferences = $.fn.ihavecookies.cookie();
                console.log('%cYay! The following preferences were saved...', 'color:tomato');
                console.log(myPreferences);
                  domcookie();
               }
              };
 // allow my cookie
    if (Cookie_allowmycookie === true) {
        $('body').ihavecookies(options);
        domcookie();
    }
});//load

التعديل على الكود

الوضيفة الحاملة للأسم preferences_code() المحددة بهذا اللون خاصة بملفات تعريف الإرتباط preferences ملفات التفضيلات.

الوضيفة الحاملة للأسم analytics_code() المحددة بهذا اللون خاصة بملفات تعريف الإرتباط analytics ملفات التحليلات.

الوضيفة الحاملة للأسم marketing_code() المحددة بهذا اللون خاصة بملفات تعريف الإرتباط marketing ملفات التسويق.

تنبيه..السطر console.log ()الموجود داخل كل وضيفة كما تعلم هو مجرد كائن لطباعة المخرجات في وحدة التحكم لغرض الإختبار ليس أكثر..وفي نفس الوقت هو بديل مستحسن لتفادي الخطأ في حال وجود وضيفة بدون تعليمات محددة

1- بناء الجملة / الوضيفة الخاصة بالتفضيلات / preferences

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

HTML
    function preferences_code() {
     console.log('%cpreferences: is accepted', 'color:tomato');
    };

2- بناء الجملة / الوضيفة الخاصة بالتفضيلات / analytics

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

HTML
    function analytics_code() {
     console.log('%canalytics: is accepted', 'color:tomato');
    };

يمكنك معاينة ذلك في المتصفح من خلال الضغط على رمز القفل الموجود أمام رابط مدونتك ثم إختر إعداد ملفات تعريف الإرتباط - cookies - لتنبثق لك نافذة تحوي مجموعة من الروابط قم بفتح رابط مدونتك المدفوع ثم مجلد cookies وستلاحظ الملفات الخاصة بالتحليل مع العلم أنه إذا كنت لازلت تستخدم النطاق المجاني ستجد الملفات داخل رابط blogger.com ..لاحظ كما في الصورة الآتية:

3- بناء الجملة / الوضيفة الخاصة بالتسويق / marketing

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

HTML
    function marketing_code() {
     console.log('%cmarketing: is accepted', 'color:tomato');
    };

لوأردنا إضافة شفرة ولتكن مثلا عنصر واجهة مستخدم الخاصة بخطّك الزمنيّ في تويتر سنضعها بالشكل الآتي داخل الوضيفة

HTML
    function marketing_code() {
     console.log('%cmarketing: is accepted', 'color:tomato');
  !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
    };

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

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

الجزء الثاني | تركيب إشعار مخصص بتواجد ملفات تعريف الإرتباط في المدونة.

حول رسالة الإشعار المخصص

معاينة رسالة الإشعار المخصص

طريقة تركيب الأداة

لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولة

ملاحظة مهمة

ملاحظة مهمة

التعديل على الأداة

عارضة المطور لفهم بيئة العمل أكثر.

التعديل على الكود

1- بناء الجملة / الوضيفة الخاصة بالتفضيلات / preferences

2- بناء الجملة / الوضيفة الخاصة بالتفضيلات / analytics

3- بناء الجملة / الوضيفة الخاصة بالتسويق / marketing

تعليقات

إرسال تعليق

قد يهمك ايضا

إنشاء صفحة الإتصال على بلوجر متعددة الإستخدامات | نموذج طلب الإنضمام للمدونة

تركيب المكون الإضافي simpleCart (js) - أداة عربة التسوق إلى المدونة

إضافة خاصية تقييم المحتوى على شكل نجوم بإستخدام تطبيق Firebase

إنشاء معرف تطبيق firebase من خلال واجهة المستخدم الجديدة 2020

أضف صفحة فهرس المحتويات للمدونة مع الترقيم Blogger Archive with Pagination

تركيب محرر النصوص البرمجية CodeMirror v6.65.7