يعاني أصحاب المواقع و المدونات خصوصا الذين بعتمدون على الإعلانات كمصدر وحيد للدخل ،من أداة تسمى أدبلوك AdBlock ،تقوم هذه الأداة بحجب الإعلانات في المواقع و المدونات ،و بالتالي عدم ظهورها ،الشيئ الذي يؤدي إلى نقص في أرباح موقعك و هذا ما نريد تجاوزه في خلال هذه التدوينة حيث سنشرح طريقة لتعطيل هذه الأداة بحيث عند دخول شخص ما يستخدم الأدبلوك ، لموقعك ستظهر له رسالة كالموجودة بالصورة أعلاه تخبره بتعطيل الأداة و لا يمكنه الدخول للموقع سوى إن فعل ذلك.
إذن بعدما أن فهمنا ماهية هذه الأداة دعونا نمر لشرح طريقة تعطيلها.
قبل البدأ قم بأخد نسخة إحتياطية للمظهر و ندخل لتعديل HTML
من لوحة المفاتح قم بالضغط على ctrl + f لتسهل عملية البحث
/* ====== Adblock ====== */
#unblocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.98;display:block;z-index:9999;overflow:hidden}
#unblocker p{color:#000;text-align:center;margin: auto;font-size:1.5rem;max-width:750px;display:table;line-height:1.5;margin-top: 15%}
#unblocker p:before{content:'\f023';font-family:fontawesome;background:#37b06d;color:#fff;text-align:center;display:block;padding:0;width:2em;height:2em;line-height:2em;font-size:2.5rem;clear:both;border-radius:100%;margin:0 auto 3%;font-weight:normal;box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)}
#unblocker p:hover:before{content:'\f13e'}
#unblocker a {text-align: center;display: table;margin: 15px auto;background-color:#d81b60;padding: 10px;color: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)}
ثانيا: قم بالبحث عن الوسم </body> ثم قم بوضع الأكواد التالية فوقة مباشرة. .
<!-- AdBlock -->
<script type='text/javascript'>/*<![CDATA[*/
var mql=window.matchMedia("screen and (min-width: 60em)");mql.matches&&!function(e,t){function n(){function n(e,t){var n=a.createElement("div"),r=a.body,d=r.style,i=r.childNodes.length;typeof t!=o&&(n.setAttribute("id",t),d.margin=d.padding=0,d.height="100%",i=Math.floor(Math.random()*i)+1),n.innerHTML=e,r.insertBefore(n,r.childNodes[i-1])}function r(e,t){return t?a.getElementsByTagName(t):a.getElementById(e)}function d(){r("unblocker")||n('<p>
من فضلك قم بتعطيل أداة مانع الأعلانات أدبلوك AdBlock من المتصفح للدخول لموقع أزجيك ، أو أستخدم متصفح أخر وشكرا لك <br/>موقع أزجيك تعتمد فقط على الأعلانات كمصدر لدخلها لذلك نرجو منك تفهم الأمر بدون أنزعاج وشكرا لك </p>
<a href="/">تحديث الصفحة</a>',"unblocker")}!function(){var t,o,i=["ad","ads","adsense"],s=i.length,l="";for(t=0;s>t;t++)r(i[t])||(l+='<a id="'+i[t]+'"></a>');n(l),s=i.length,setTimeout(function(){for(t=0;s>t;t++)if(o=r(i[t]),null==o.offsetParent||"none"==(e.getComputedStyle?a.defaultView.getComputedStyle(o,null).getPropertyValue("display"):o.currentStyle.display))return d("#"+i[t])},250)}(),function(){var e,t=r(0,"img"),n=["/adsales/ad","/adsenceSearch.","/adtools2.","/adv2.","/partner_ads_","_ads.html",".468x60-"];typeof t[0]!=o&&typeof t[0].src!=o&&(e=new Image,e.onload=function(){this.onload=o,this.onerror=function(){d(this.src)},this.src=t[0].src+"#"+n.join("")},e.src=t[0].src)}(),function(){var n,i,s,l,c,f={"http://pagead2.googlesyndication.com/pagead/show_ads.js":"google_ad_client"},u=r(0,"script"),h=u.length-1;for(a.write=null,s=h;s>=0;--s)if(c=u[s],typeof f[c.src]!=o){n=a.createElement("script"),n.type="text/javascript",n.src=c.src,l=f[c.src],e[l]=t,i=u[0],n.onload=n.onreadystatechange=function(){typeof e[l]!=o||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(n.onload=n.onreadystatechange=null,i.parentNode.removeChild(n),e[l]=null)},i.parentNode.insertBefore(n,i),setTimeout(function(){e[l]===t&&d(n.src)},2e3);break}}()}var a=e.document,o=typeof t;a.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window);
/*]]>*/</script>
<!-- AdBlock -->
بعد لصق هذا الكود إبحث عن أزجيك و إستبدلها بإسم مدونتك و قم بحفظ المظهر.
إلى هنا نكون قد وصلنا لنهاية التدوينة أتمنى أن أكون قد أفدتكم في الشرح و لا تنسوا ترك نعليق تحفيزي و شكرا لكم على المتابعة
شارك الموضوع
الكاتب : azgeek هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى
شاهد مواضيع قد تعجبك ايضا
سأكون سعيدا للإجابة على تعليقاتكم أظهار الإبتساماتإخفاء الإبتسامات