الجميع يكره الإعلان. عند مشاهدة التلفزيون والأفلام و youku وصفحات الويب ، أكره أيضًا الإعلانات التي تطير في جميع أنحاء السماء. الإعلان شيء غير شائع. ومع ذلك ، بالنسبة لمشرف/مدون موقع ويب صغير ومتوسط الحجم ، فإن الإعلان هو المصدر الوحيد للأموال التي يمكن أن تدعم التشغيل العادي للموقع/المدونة. إذا كان المدون ينشر المخطوطات فقط بلا أنانية ، فهناك عدد قليل جدًا من الأشخاص الذين يمكنهم الاستمرار لبضع سنوات. معظمهم فقدوا ببطء حماسهم.
لدى Firefox و Google Chrome مكونات إضافية يمكنها حظر الصفحات للإعلانات ، الأكثر شهرة منها Adblock و Adblock Plus. قبل بضعة أيام ، قمت بإحصائيات لمعرفة عدد المستخدمين الذين يتصفحون موقع الويب الذي استخدمه المكون الإضافي AdBlock ، ووجدت أن هذا الرقم يصل بالفعل إلى 1/5 من إجمالي عدد المشاهدين.
1/5 هو عدد كبير. كيف يمكننا استبدال مساحة الإعلان بصور أخرى على صفحات المستخدمين الذين يستخدمون المكون الإضافي AdBlock في 1/5؟ للقيام بذلك ، فإن أول شيء هو القيام به هو معرفة أن المكون الإضافي Adblock يستخدم في المتصفح الحالي. بعد بعض الاختبارات ، وجدت أن Adblock حساس للغاية للكلمات مثل "AD" أو "Google AD". طالما أنها تحتوي على كلمة "AD" في اسم فئة المعرف أو CSS لعنصر صفحة معين ، سيتم حظر هذا العنصر بشكل أساسي بواسطة المكون الإضافي AdBlock ، أي العرض: لا شيء: لا شيء:
نسخة الكود كما يلي:
<div class = 'Google-ad testad'> سيتم حظر هذا div </div>
باستخدام هذه القاعدة ، يمكنني استخدام JavaScript لاكتشاف ما إذا كان تم تمكين المكون الإضافي AdBlock في المتصفح الحالي. أولاً ، وضعنا رمز إعلان Google في div ونضع اسم فئة CSS الخاص بـ Div في اسم فصل يمثل بوضوح إعلان Google:
نسخة الكود كما يلي:
<div class = 'Google-ad testad'> ضع رمز إعلان Google هنا </div>
ثم استخدم JS للكشف في أسفل الصفحة:
نسخة الكود كما يلي:
if ($ ('. Google-ad'). height () == 0) showotherimage () ؛
هناك مشكلة أخرى هنا. عادة ما تشير إعلانات Google إلى العرض بعد تحميل DOM. من أجل التأكد من اكتشاف إعلانات Google بعد التحميل ، تحتاج إلى إضافة ميزات التنفيذ المتأخرة إلى رمز JS ، مما يتجنب اكتشاف الأخطاء:
نسخة الكود كما يلي:
$ (function () {
setTimeout (function () {
if ($ ('. Google-AD'). height () == 0)
showotherimage () ؛
} ، 3000) ؛
}) ؛
ماذا يمكننا أن نفعل في showotherimage () ؛ الطريقة هنا؟ يمكننا وضع بعض الصور والروابط الترويجية على مواقع الويب الأخرى من JD.com و Dangdang و Amazon.com. من خلال الحصول على العمولات ، فإنه يعود إلى حد ما من التعويض عن الخسائر.