إضافة إشعار للزوار بإيقاف أداة أدبلوك بلس Adblock Plus أو إضافة الموقع للقائمة البيضاء في مدونة بلوجر

إضافة إشعار للزوار بإيقاف أداة أدبلوك بلس Adblock Plus أو إضافة الموقع للقائمة البيضاء في مدونة بلوجر

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

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

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

إعلام زوار موقعك بإضافة الموقع للقائمة البيضاء في أداة أدبلوك بلس:

1. من لوحة تحكم المدونة إنتقل إلى القالب ثم أنقر على تحرير HTML

2. بإستخدام مفتاح الإختصار ctrl+f قم بالبحث عن الرمز < / head > 

بدون مسافات ثم أضف الكود التالي فوقه مباشرةً:

<style>
#keep-ads {
  background: #850B3A;
  color: #fff;
  padding: 10px 20px;
  position: fixed;
  bottom: -150px;
  right: 0;
  opacity: 0;
  font-size: 100%;
  line-height: 1.5em;
  transition: all .3s;
  width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100000
}
#keep-ads p {
  margin: 0!important
}
#keep-ads a {
  padding: 0 6px 2px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid transparent
}
#keep-ads.show {
  pointer-events: auto;
  opacity: 1;
  bottom: 0
}
.close-keep-ads {
  position: absolute;
  top: 1px;
  left: 4px;
  line-height: 1;
  font-size: 24px;
  font-weight: 700
}
</style>

3. قم بالبحث عن الرمز < / body >
بدون مسافات ثم اضف الكود التالي فوقه مباشرةً:

<div id='keep-ads'>
  <p>نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.</p>
  <p> نحن لانستخدم إعلانات ضارة او مزعجة في موقعنا نأمل منكم تعطيل الأداة في موقعنا حتى تتمكن من مشاهدة الإعلانات.
.</p>
  <p>شكرًا لك</p>
  <div class='close-keep-ads' onclick='hidekeep()'>×</div>
</div>
<script>
//<![CDATA[
setTimeout(function() {
  var info = document.getElementById("keep-ads");
  var ads = document.querySelectorAll("ins.adsbygoogle");
  if ($(ads).height() === 0 ) {
    info.className = "show";
  }
}, 2000)
function hidekeep() {
  var e = document.getElementById("keep-ads").style.display = "none";
};
//]]>
</script>

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

المصدر: مداد الجليد