نحوه ی آشکارسازی ad blocker ها در جاوا اسکریپت

برخی از وبسایت ها از بازدیدکنندگان خود میخواهند که ad blockers (مسدود کننده ی بلوک های تبلیغاتی) را به هدف حمایت از عملکرد آن ها غیرفعال کنند . هدف از ارائه این مقاله طریقه ی آشکار سازی ad blockers ها و غیرفعال کردن آن ها در جاوا اسکریپت است.
تبلیغات برای هر سایتی که حاوی محتوای رایگان است ضروریست. هر وب سایت باید در آمدی به جهت حمایت از کسب و کار فعلی خود و همچنین سرمایه گذاری برای توسعه بیشتر داشته باشد.
بدون تبلیغات آنلاین ، محتوای رایگان در شبکه وجود نخواهد داشت، شما باید هزینه اشتراک را برای استفاده از فیس بوک ، یوتیوب و حتی سایت مورد نظر بپردازید.
مشکل این است که برخی از وبسایت ها بیش از حد از تبلیغات استفاده می کنند به طوری که شما نمی توانید محتوای اصلی خود را پیدا کنید. تبلیغات در سایت هایی که دارای محتوای ارزشمندی نیستند ممنوع است ؛ اما وجود یک یا دو تبلیغ در نوار کناری وبسایت ایرادی ندارد و نباید مسدود شود.

اگر می خواهید محتوای مفید وبسایت را پیدا کنید ، باید AdBlocker را غیر فعال کنید تا از خالق سایت بابت قرار دادن اطلاعات و زمان حمایت کنید .
قبل از هر چیز شما را از مفهوم کلی AdBlocker آگاه می کنیم :

AdBlocker چیست؟

AdBlocker یک افزونه مرورگر است که از طریق مسدود کردن اسکریپت های خاص و عناصر DOM ، تبلیغات را غیرفعال می کند. از آنجا که تبلیغات ، دائما در حال تغییر هستند آشکار ساز های تبلیغی (ad detectors) باید به طور مداوم با فرمت های آگهی جدید سازگار شوند.

شما می توانید AdBlocker خود را فعال یا غیرفعال کنید (از طریق علامت قرمز در گوشه سمت راست مرورگر وب خود) روی نماد کلیک کنید، سپس گزینه dont run on pages this domain را انتخاب کنید .

نحوه شناسایی AdBlocker با جاوا اسکریپت :

فیلتر های تبلیغی (Ad filters) هر آیتمی که آگهی باشد را از صفحه پنهان می کنند. اگر یک اسکریپت خارجی با نام ads.js وجود داشته باشد ، Ad filters آن را خاتمه خواهد داد و از اجرای آن جلوگیری خواهد کرد .
اگر یک عنصر div با کلاس AdBanner وجود داشته باشد، فیلتر های تبلیغی آن را رندر نمی کند. اگر این div را داخل یکی دیگر قرار دهیم و اندازه آن را با جاوا اسکریپت مشخص کنیم، در صورتی که AdBlocker فعال باشد، 0 را دریافت خواهیم کرد، در غیر این صورت اندازه بالاتر از 0 خواهد بود.
ما برای استفاده از آشکارساز (detector) از کد HTML CSS-JavaScript استفاده می کنیم:

html:

<div id="wrapfabtest">
    <div class="adBanner">
    </div>
</div>

یک div با کلاس adBanner اضافه می کنیم و آن را در داخل div با شناسه متمایز قرار می دهیم .

.adBanner {
    background-color: transparent;
    height: 1px;
    width: 1px;
}

استایل های CSS فقط برای تنظیم ارتفاع به div داده می شود . اگر نمی خواهید با کد CSS آشنا شوید، به سادگی فاصله ی نشکسته non-breaking space با فرمت زیر:

(  character)

را درون عنصر اضافه کنید، در غیر این صورت ارتفاع آن را نخواهید داشت.

جاوا اسکریپت :

$(document).ready(function(){
    if($("#wrapfabtest").height() > 0) {
        alert('No AdBlock :)');
        
    } else {
        alert('AdBlock Detected ');
        
    }
});

اسکریپت از jQuery برای بررسی اندازه عنصر استفاده می کند. اگر نتیجه بالاتر از 0 باشد، بلوک ، کد در بخش اول را اجرا می کند، در غیر این صورت دومین را اجرا می کند.

چگونه از آشکارساز AdBlock استفاده کنیم؟

از آن عادلانه استفاده کنید
1) از کاربران نخواهیدAdBlocker خود را غیر فعال کنند تا شما سایت خود را با layovers و تبلیغات بیشمار پر کنید !!!! این عادلانه نیست .
2) اگر بازدید کننده تبلیغات شما را دریافت نکند کل وب سایت را غیرفعال نکنید. در عوض، یک هشدار کوچک بدهید.

پکیج های آموزشی جدید

آموزش ساخت ادیتور Html

فصلِ: 1 , تعداد قسمت ها: 4 , سطح: صفر تا صد

موضوعات: آموزش HTML5 آموزش JAVASCRIPT

این فصل در یک نگاه:

در این مجموعه به آموزش کامل ckeditor از نصب آن تا شخصی سازی و افزودن امکانات اختصاصی به ان می پردازیم.…

با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر

نحوه ی آشکارسازی ad blocker ها در جاوا اسکریپت

AdBlocker چیست؟

نحوه شناسایی AdBlocker با جاوا اسکریپت :

چگونه از آشکارساز AdBlock استفاده کنیم؟

آیا نیاز به مدرک هم دارید؟