اضافة رسالة قبول ملفات تعريف الارتباط بلوجر - GDPR Cookie consent

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

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

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

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

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

معاينة الشكل

ملاحظة :
تمت اعادة صياغ المقال و اصلاح بعض مشاكله و توفير معلومات صحيحة بالاضافة الى اعادة هيكلة الاضافة و اضافة بعض الميزات يمكنك اكتشافها بعد تركيبها أو قراءة المقال وبالتوفيق .

تركيب رسالة قبول ملفات تعريف الارتباط:

• قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard .
• إنتقل للمدونة >> ثم إلى المظهر >> ثم إضغط على  تعديل HTML   .
• إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإظهار خانة البحث .
• بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بوضع الأكواد في المكان المناسب .

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

ثم ابحث عن وسم /b:section ستلاحظ أنك تجد الكثير منه فلا بأس , ما يهم هو نزول سطر ثم ألصق الكود التالي مباشرة ثم حفظ التعديلات .

ملاحظة :

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

<b:widget id='LinkList520' locked='true' title='إعدادت صندوق كوكيز' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='link-3'>rtl</b:widget-setting>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='link-4'><![CDATA[["نحن نستخدم ملفات تعريف الارتباط لفهم كيفية استخدامك لموقعنا ولتحسين تجربتك. وهذا يشمل تخصيص المحتوى والإعلانات.","اعرف اكثر","موافق"]]]></b:widget-setting>
      <b:widget-setting name='text-1'>link</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'>color</b:widget-setting>
      <b:widget-setting name='link-2'>30</b:widget-setting>
      <b:widget-setting name='text-3'>dir</b:widget-setting>
      <b:widget-setting name='link-0'>#3d5afe</b:widget-setting>
      <b:widget-setting name='text-2'>expires</b:widget-setting>
      <b:widget-setting name='text-4'>words</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<!-- box of GDRPcookie-->
<div class='GDRPcookie'/>
<script>
var SetCookie={<b:loop values='data:links' var='link'>&#39;<data:link.name/>&#39; : <b:if cond='data:link.target in {&quot;true&quot;,&quot;false&quot;} or data:link.name in {&quot;words&quot;}'><data:link.target/><b:else/>&quot;<data:link.target.jsEscaped/>&quot;</b:if>,</b:loop>};
/*<![CDATA[*/
/*=================
settings :[ CookieGDRP ]
===================*/
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}('!(()=>{y x=r 0==e.s?"#1R":e.s,l=r 0==e.N?"/p/1S-1T.1U":e.N,O=r 0==e.G?"30":e.G,z=r 0==e.z?"1V":e.z,A=r 0==e.P?["نحن نستخدم ملفات تعريف الارتباط لفهم كيفية استخدامك لموقعنا ولتحسين تجربتك. وهذا يشمل تخصيص المحتوى والإعلانات.","اعرف اكثر","موافق"]:e.P,H={Q:k(a){y b="; "+m.7,c=b.R("; "+a+"=");B(2==c.1W)1X c.1Y().R(";").1Z()},S:k(a,b,c){y d,f="";c&&((d=20 22).26(d.28()+2a*(T*(T*(24*c)))),f="; G="+d.2b()),m.7=a+"="+b+f+"; i=/"}},I=!1,U=`<C n="h-7-V ${z}"><C n="h-7"><o W="X://Y.Z.18/19/o"1a="q"1b="q"1c="0 0 1d q"><i t="#1e"d="2c,2d-6.2e,14.3,8,2f,0-2.2,17.2g,15,9,0,0,.2h,14.1f,12.24,8.2i.5,32.5,0,1,1,23.2j.2k.2l,3.2m,25,5.2n,29,1g"/><i n="2o"d="2p.1h,39.2q.1i,32.1i,0,0,1-2r.8,13.2s.D,32.D,0,0,1,21.2t.2u.1j,9.1j,0,0,0,3.2v,3.2w,10.D,10.D,0,0,0,1.2x,1.2y-0.2z,1.2A-2.2B,8.8,1.2C,11.1k,0.2D,1.2E,2.2F,2.2G,6.2H,3.2I,0.2J,2.2K.2L,6.2M,3.2N,8.2O,1.2P,2.2Q,5.2R,4.2S,11.2T,1.2U,0.2V,2.2W,1.5,5.1,3.1f,6.2X.2Y,39.2Z,31.1l,40.1l,1m.1h,39.33"/><i 1n="t:#1o;34: 0.1"d="36.37,1m.38.1p,32.1p,0,0,1,8.3a,1q.1k,32.1r,32.1r,0,0,1,9.3b,8.3c"/><i t="#1e"d="1s.5,3d.5,2.5,0,1,1,9,35.5,2.5,2.5,0,0,1,11.5,3e,1t.5,2.5,0,1,1,25,1q.5,2.5,2.5,0,0,1,27.5,3f-1t.5,2.5,0,1,1,25,35.5,2.5,2.5,0,0,1,27.5,3g-10-3h.5,2.5,0,1,1,15,16.5,2.5,2.5,0,0,1,17.5,3i,3j.5,2.5,0,1,1,3k,3l.5,2.5,2.5,0,0,1,1u.5,1v"/><i t="#1o"d="1s.5,3m.E,2.E,0,0,1,1.1w.3n,3o-0.1x-.1y.5,2.5,0,0,1,11.5,3p.3q-14.3r.5,2.5,0,0,1,3.J-3.3s,3t.5,2.5,0,0,1,3.J-3.3u-3v.5,2.5,0,0,1,3.J-3.3w.5,3x.E,2.E,0,0,1,1.1w.3y,3z-0.1x-.1y.5,2.5,0,0,1,1u.5,1v"/></o><p>${A[0]}</p><F n="h-7-1z">${A[2]}</F><F n="h-7-1A">${A[1]}</F></C><1B n="h-7-1C"><o W="X://Y.Z.18/19/o"1a="q"1b="q"1c="0 0 1d q"><i t="#3A"d="3B,3C,8,0,1,1-8,3D,8,0,0,1,3E,3F.3G,10.u-1.5,1.1D,9.3H-2.u,2.u-1.5-1.3I.5,8,3J.3K,5.3L.5-1.1D,6.3M.u-2.u,1.5,1.3N.5,1g"></i></o></1B></C>`;3O.3P=k(){m.v(".3Q").3R=U;y g=m.v(".h-7-V"),1E=m.v(".h-7-1z"),1F=m.v(".h-7-1A"),1G=m.v(".h-7-1C");g.1n.3S("--3T-s",x);3U(k(){B(H.Q("1H")){B(!I){1I.1J("%1K 1L : 1M 1N","s:1O"),I=!0}g.j.1P("7-1Q")}3V B(!g.j.3W("K")){g.j.1P("7-L"),g.j.w("7-1Q")}},3X);1E.M=k(){H.S("1H","3Y : 3Z 41",O),1I.1J("%1K 1L : 1M 1N","s:1O"),g.j.w("7-L"),g.j.w("K")};1G.M=k(){g.j.w("7-L"),g.j.w("K")};1F.M=k(){42(l,"43")}}})();',62,252,'|||||||cookie|||||||SetCookie||vCWrapper|wk|path|classList|function||document|class|svg||65|void|color|fill|243|querySelector|add||var|dir|wr|if|div|473|492|button|expires|vCo|chc|536|c_|hidden|onclick|link|ex|words|get|split|set|60|vCookieHTML|wrapper|xmlns|http|www|w3|||||||||org|2000|width|height|viewBox|81|fc99e7|755|8Z|343|479|667|457|717|61|style|fff|385|53|447|M11|18A2|48|42Z|768|807|538A2|ok|more|span|close|5L73|vCOk|vCmore|vCClose|CookieGDRP|console|log|cGDRP|Cookie|is|accepted|tomato|remove|visible|fe3231|privacy|policy|html|rtl|length|return|pop|shift|new||Date||||setTime||getTime||1e3|toUTCString|M29|8s|443|13c0|405|577|48A32|132|377C23|487|084|92|cls_i|M61|688a32|52|769A32|821|829a9|039|792|913|935c|766|988|965|62|963|723|916|985|518|058|035|483|586|527|552|316|67|666|072|254|915|352|466|186|489C55|494|284||57||688Z|opacity||M26|127|7A32||543|228|852Z|33A2|33Zm16|51Zm0|33Zm|19A2|14Zm31|28A2|46|44|33a2|732L10|37l|33Zm4|232|732a2|536Zm10|37a2|536Zm0|18a2|536ZM48|42a2|732L47|46l|ccc|M73|0a8|8A8|73|0Zm3|738|5l|5L71|69|262|757l1|5l2|5L74|window|onload|GDRPcookie|innerHTML|setProperty|mainCookie|setInterval|else|contains|500|by|zino||thec|open|_blank'.split('|'),0,{}))
 /*]]>*/
</script> 
<style>/*<![CDATA[*/
/*======================
Cookie wrapper style
========================*/  
.wk-cookie-wrapper{--mainCookie-color:#3d5afe;position:fixed;display:none;bottom:25px;width:330px;max-width:90%;padding:15px;border-radius:4px;-webkit-box-shadow:0 10px 32.98px 1.02px rgba(0,0,0,.15),0 0 3px 0 rgba(0,0,0,.05),0 0 0 0 rgba(0,0,0,.15);box-shadow:0 10px 32.98px 1.02px rgba(0,0,0,.15),0 0 3px 0 rgba(0,0,0,.05),0 0 0 0 rgba(0,0,0,.15);font-size:0;z-index:5000;background:#FFF;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.wk-cookie-wrapper .wk-cookie{width:100%;margin-left:12px}
.wk-cookie-wrapper .wk-cookie p{font-size:13px;margin:0;padding:0;color:#64687a;width:75%}
.wk-cookie-wrapper .wk-cookie svg{width:58px;height:58px;float:right;margin:5px 7px}
.wk-cookie-wrapper svg path{stroke:#fff;stroke-linecap:round;stroke-width:0;fill-rule:evenodd}
.wk-cookie-wrapper svg .cls_i{fill:var(--mainCookie-color)}
.wk-cookie-wrapper .wk-cookie-ok,.wk-cookie-wrapper .wk-cookie-more{min-width:90px;text-align:center;background-color:var(--mainCookie-color);color:#fff;border-radius:4px;display:inline-block;vertical-align:middle;margin:10px 5px 5px;-webkit-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out;text-transform:uppercase;text-decoration:none;font-size:13px;padding:8px 15px 9px;font-weight:600;border:none;cursor:pointer}
.wk-cookie-wrapper .wk-cookie-more{background-color:#fff;color:var(--mainCookie-color);border:1px solid var(--mainCookie-color)}
.wk-cookie-wrapper .wk-cookie-close{cursor:pointer;width:18px;height:18px;position:absolute;top:0;opacity:1}
/*--[visible/hidden]--*/
.wk-cookie-wrapper.cookie-visible{display:block;opacity:0;-webkit-animation:show-cookie .25s .35s ease-out;animation:show-cookie .25s .35s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.wk-cookie-wrapper.cookie-hidden{-webkit-animation:hide-cookie .35s ease-in;animation:hide-cookie .35s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
/*--hover--*/
.wk-cookie-wrapper .wk-cookie-ok:hover,.wk-cookie-wrapper .wk-cookie-more:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.15);-ms-box-shadow:0 4px 8px rgba(0,0,0,0.15);-o-box-shadow:0 4px 8px rgba(0,0,0,0.15);box-shadow:0 4px 8px rgba(0,0,0,0.15);border:none}
/*======================
responsive [mobile]
========================*/
@media screen and (max-width:480px){ 
.wk-cookie-wrapper{right:3%;left:0;bottom:20px;width:94%!important;border-radius:5px 5px;-webkit-animation:show-cookie .25s .35s ease-out;animation:show-cookie .25s .35s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.wk-cookie-close{opacity:1}  
}
/*======================
directions
========================*/
/*--[dir="rtl"]--*/
.wk-cookie-wrapper.rtl{right:25px}
.wk-cookie-wrapper.rtl .wk-cookie p,.wk-cookie-wrapper.rtl .wk-cookie svg{float:right}
.wk-cookie-wrapper.rtl .wk-cookie-close{left:0}
.wk-cookie-wrapper.rtl .wk-cookie-ok,.wk-cookie-wrapper.rtl .wk-cookie-more{float:right}
/*--[dir="ltr"]--*/
.wk-cookie-wrapper.ltr{left:27px}
.wk-cookie-wrapper.ltr .wk-cookie svg,.wk-cookie-wrapper.ltr .wk-cookie p{float:left}
.wk-cookie-wrapper.ltr .wk-cookie-close{right:0}
.wk-cookie-wrapper.ltr .wk-cookie-ok,.wk-cookie-wrapper.ltr .wk-cookie-more{float:left}
/*======================
@keyframes
========================*/
@-webkit-keyframes show-cookie{0%{opacity:.25;-webkit-transform:translateY(-15px);transform:translateY(-15px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes show-cookie{0%{opacity:.25;-webkit-transform:translateY(-15px);transform:translateY(-15px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes hide-cookie{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}65%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:.75}100%{opacity:0;display:none}}
@keyframes hide-cookie{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}65%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:.75}100%{opacity:0;display:none}}
/*]]>*/</style> 
</b:includable>
    <b:includable id='content'/>
  </b:widget>

تنويه:
لقد قمت بدمج الأكواد من html css js في أداة قياسية بلوجر أداة الروابط و رتبت الأكواد و تخصلت من كتابة بأكواد جيكوري نظرا لبعض قوالب لا تدعمها و قمت بضغط الأكواد بهدف الحفاظ على سرعة مدونتك و دعم جميع المتصفحات و اصدرات القديمة والمزيد...

تخصيص رسالة قبول ملفات تعريف الارتباط:

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

التعديل عليها :

التخصيص:

• 1-color : تعني لون زر "الموافقة" و زر "أعرف أكثر " و أيقونة الكوكيز .
• 2-link : تعني رابط زر "أعرف أكثر" ضع رابط صفحة سياسة الخصوصية أو سياسة الاستخدام
• 3-expires : تعني مدة إعادة عرض رسالة الإشعار في حال لم يقم المستخدم بتنضيف المتصفح من ملفات تعريف الإرتباط ضع مايناسبك مكان القيمة 30 والتي تعني 30 يوم.
• 4-dir : يقصد به direction أي اتجاه المدونة و سنحاول أن نتطرق لمقال حول شرح الاتجاه و ماهي أهميته باذن الله , توجد قيمتان هي rtl تعني من اليمين الى اليسار و تجدها لمدونات العربية و القيمة ltr تعني من اليسار الى اليمين أي للمدونات الاجنبية ,ونختصرها و نقول :
  -إذا كان النص بتنسيق عربي نضع rtl .
  -إذا كان النص بتنسيق أجنبي نضع ltr .
• 5-words : خاص بنصوص إعدادات المستخدم قم بتغيير نصوص القيمة بما تراه مناسب ["نحن نستخدم ملفات تعريف الارتباط لفهم كيفية استخدامك لموقعنا ولتحسين تجربتك. وهذا يشمل تخصيص المحتوى والإعلانات.","اعرف اكثر","موافق"] وقم بترجمتها حسب لغة مدونتك .

خطوة اضافية لتعطيل رسالة قبول ملفات تعريف الارتباط الافتراضية بلوجر :

قم بلصق الكود فوق وسم /body ثم حفظ :

<script>/*<![CDATA[*/
cookieChoices = {};
/*]]>*/</script>

أسئلة قد تراودك حول رسالة قبول ملفات تعريف الارتباط :

هل تساهم الاضافة على قبول المدونة لأدسنس

الاجابة ببساطة لا .

هل تساعد على تصدر نتائج البحث

طبعا لا .

هل ستغلق المدونة ان لم أضفها

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

مراجع

إشعار ملفات تعريف الارتباط في البلدان الأوروبية

سياسة موافقة المستخدم في الاتحاد الأوروبي