تطوير برنامج اكتشاف مانع الاعلانات Adblocker Detector

هنالك الكثير من المستخدمين الذين يستخدمون مانع الاعلانات واشهرهم هو اضافة Ad Blocker Plus.

لذلك جلبنا لك اليوم طريقة اكتشاف مانع الاعلانات عن طريقة كود Javascript.

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

// Determines if the user is likely using an ad block extension
async function checkAdBlocker() {
  // Used to cache the result
  let isBlocked;

  async function tryRequest() {
    try {
      return fetch(
        new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", {
          method: 'HEAD',
          mode: 'no-cors'
        }))
        .then(function(response) {
          // Google Ads request succeeded, so likely no ad blocker
          isBlocked = false;
          return isBlocked;
        }).catch(function(e) {
          // Request failed, likely due to ad blocker
          isBlocked = true;
          return isBlocked;
        });
    } catch (error) {
      // fetch API error; possible fetch not supported (old browser)
      // Marking as a blocker since there was an error and so
      // we can prevent continued requests when this function is run
      console.log(error);
      isBlocked = true;
      return isBlocked;
    }
  }

  return isBlocked !== undefined ? isBlocked : await tryRequest();
}

// Using the ad block checker
const usingBlocker = await checkAdBlocker();

شرح الكود

  • يعتبر جوجل ادسنس اشهر شركات الاعلانات على الاطلاق لذلك تقوم برامج منع الاعلانات بايقاف تحميل ملف adsbygoogle.js
  • يعتبر الملف اساسي لتحميل اعلانات جوجل لذلك فى حالة فشل تحميل هذا الملف فالمشكلة بنسبة 99% من المتصفح وليست من سيرفرات جوجل
  • من الممكن بنسبة بسيطة ان تكون مشاكل فى الشبكة هى السبب فى تعطل تحميل الملف وليست المشكلة فى استخدام Adblocker

لا توجد طريقة مضمونة بنسبة 100% لاكتشاف الاعلانات ولكن استخدام مثل هذه الطريقة تضمن لك بشكل كبير اكتشاف مانع الاعلانات.

يمكنك استخدام الكود السابق فى موقعك وفى حالة استخدامك لوردبريس يمكنك اضافة الكود إلى ملفات الJS الخاصة بموقعك.

او يمكنك استخدام هذه الاضافة هنا لاضافة كود JS السابق.

فى حالة كنت تستخدم مدونات بلوجر يمكنك اضافة الكود السابق عن طريق اضافة Gadget من النوع HTML / Javascript.


كتب بواسطة عمرو العربى

مؤسس مطور

التعليقات

اترك تعليقك

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

*