Code Chặn Adblock ( Anti Adblock Killer ) Cho Blogspot

Trước đây mình cũng đã ra mắt một bài viết chặn adblock blogger bằng cách sử dụng blockadblock trong blog này, nhưng giao diện adblock làm blog của mình khá xấu và người dùng truy cập vào blogspot của mình chẳng ưa thích gì khi nó hiện lên với giao diện không thân thiện cho mấy.

Code chống và chặn AdBlock cho blogspot, script chặn AdBlock, cách chặn AdBlock cho blogspot, code chặn không cho chặn quản cáo web, Chặn AdBlock cho blogspot, Anti Adblock Killer blogger

Vì vậy lần này mình muốn chia sẻ cho các bạn chống adblock trên blogspot / blogger hoặc wordress bằng một đoạn code vô cùng đơn giản khi khách truy cập vào blog của mình mà bật chống adblock thì anti adblock killer sẽ hiện lên với giao diện như ảnh trên.

Hướng Dẫn Cài Đặt Anti Adblock Killer Cho Blogspot

Điều đầu tiên các bạn nên biết là đoạn code này ngoài nền tảng blogspot nó có thể dùng cho tất cả các nền tảng trang web hay blog khác. Do vậy mình sẽ giới thiệu cho 2 nền tảng blog thông dụng nhất hiện nay là Blogspot và WordPress. Với những nền tảng khác các bạn tự tìm hiểu.

Xem Thêm : Cách tạo sitemap html cho blogspot

Bước 1 : Đăng Nhập Vào Blogger Của Các Bạn
Bước 2 : Các Bạn Vào Chủ Đề >>> Chỉnh Sữa HTML Và Dán Đoạn Code Dưới Trên Thẻ </body> hoặc các bạn vào bố cục >>> Html/Javascript
<div id="wrapfabber" style="position:absolute;bottom:0;right:0;"><div class="adBanner" style="background-color:transparent;height:1px;width:1px;"></div></div>
<script type="text/javascript">
var showImageAdBlocker = 0;
function cancelAdBlocker() {
    document.getElementById("wrapperBlocker").remove();
}
function showImage() {
    if (showImageAdBlocker == 0) {
        document.getElementById("imageGuide").style.display = 'block';
        document.getElementById("wrapperBlockerStep1").style.display = 'none';
        document.getElementById("wrapperBlockerStep2").style.display = 'block';
        showImageAdBlocker = 1;
    } else {
        window.location.reload();
    }
}
document.addEventListener('DOMContentLoaded', function() {
    if(document.getElementById("wrapfabber").clientHeight <= 0){
        // dataLayer.push({ "event": "misc", "pageType": "adblocker" });
        var body = document.body;
        var wrapperNoFlash = '<div id="wrapperBlocker" style="width:100%;height:100%;position: absolute;top: 0;font-family: Lato,sans-serif;overflow:auto;">\
            <div style="width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;z-index: 999;opacity: 0.8;"></div>\
            <div id="wrapperBlockerStep1" style="-webkit-box-sizing: border-box;box-sizing: border-box;width: 650px;margin: 0 auto;text-align: center;z-index: 9999;background-color: #fff;padding: 30px;position: relative;margin-top: 78px;margin-bottom: 78px;border-radius: 10px;color: #000;padding-bottom: 40px;overflow:auto;">\
                <img src="https://4.bp.blogspot.com/-0dSRL_g-rkI/W64KKKcdPCI/AAAAAAAAApA/vShbv7_Bnp44a--v3xxPx3EZmtFbMejnACLcBGAs/s1600/adblock-zalosec.png" />\
                <h4 style="margin:0;padding:0;line-height: 50px;">Phát hiện AdBlocker</h4>\
                <p style="margin:0;font-size: 16px;line-height: 35px;">Chào bạn! Chúng tôi phát hiện rằng bạn đang sử dụng trình chặn quảng cáo.</p>\
                <p style="margin:0;font-size: 16px;line-height: 35px;">ZaloSec vẫn đang từng ngày chia sẻ các thủ thuật hoàn toàn miễn phí đến bạn.</p>\
                <p style="margin:0;font-size: 16px;line-height: 35px;margin-bottom: 35px;">Bạn vui lòng tắt quản cáo để ủng hộ Blog nhé ^_^</p>\
                <span ga-on="click" ga-event-action="click" ga-event-category="adblocker" ga-event-label="step1Cancel" onclick="cancelAdBlocker();" style="display:none;cursor: pointer;text-transform: uppercase;padding: 13px;color: #000;margin-right: 20px;" href="javascript:void(0)">Cancel</span>\
                <span ga-on="click" ga-event-action="click" ga-event-category="adblocker" ga-event-label="step1Yes" onclick="showImage()" style="cursor: pointer;text-transform: uppercase;padding: 13px;color: #000;background: #00fff2;border-radius: 4px;margin-left: 20px;" href="javascript:void(0)">Ok, Bạn đồng ý</span>\
            </div>\
            <div id="wrapperBlockerStep2" style="display:none;-webkit-box-sizing: border-box;box-sizing: border-box;width: 650px;margin: 0 auto;z-index: 9999;background-color: #fff;padding: 30px;position: relative;margin-top: 78px;margin-bottom: 78px;border-radius: 10px;color: #000;padding-bottom: 40px;overflow:auto;height:500px">\
                <h2 style="margin:0;padding:0;line-height: 50px;text-align: center;">Whitelist bằng cách nào?</h2>\
                <p style="margin:0;font-size: 16px;line-height: 35px;margin-bottom: 5px;">Click vào icon của trình chặn quảng cáo AdBlock trên thanh menu.</p>\
                <p style="margin:0;font-size: 16px;line-height: 25px;">Đối với AdBlock: Chọn \'<b>Don\'t run on pages on this domain</b>\' để vô hiệu hóa Ad-Blocker trên Zalosec</p>\
                <p style="margin:0;font-size: 16px;line-height: 25px;">Đối với Adblock Plus: Click chọn \'<b>Enabled on this site</b>\' để vô hiệu hóa Ad-Blocker trên ZaloSec</p>\
                <p style="margin:0;font-size: 16px;line-height: 35px;margin-bottom: 35px;margin-top: 5px;">Xong rồi đấy. Sau khi bạn đã whitelist ZaloSec, click vào nút \'Done\' nhé!</p>\
                <img id="imageGuide" style="margin: 0 auto;margin-bottom: 35px;margin-top: -15px;" src="https://2.bp.blogspot.com/-C-7jGQDiP-0/W64MsBEib8I/AAAAAAAAApU/0dsAr87wb00eEVMvm5LJpv9PLvnbc13QACLcBGAs/s1600/adblock-zalosec2.png" />\
                <div style="text-align: center;"><span ga-on="click" ga-event-action="click" ga-event-category="adblocker" ga-event-label="step2Yes" onclick="showImage()" style="cursor: pointer;text-transform: uppercase;padding: 13px;color: #000;background: #00fff2;border-radius: 4px;margin-left: 20px;" href="javascript:void(0)">Done! ^_^</span></div>\
            </div>\
        </div>';
body.insertAdjacentHTML('beforeend', wrapperNoFlash);
document.body.style.overflow="hidden";
    }
});
</script>

Mấy cái chống adblock cho blogspot cũng được nhiều bạn viết rồi. Xin chân thành cám ơn các bạn đã ủng hộ bài viết Adblock Cho blogspot của ZaloSec.

Tag : Chặn Adblock, Code Anti Adblock, Chống Ablock Blogspot, Code Chặn Quản Cáo Cho blogger,

12 Bình Luận "Code Chặn Adblock ( Anti Adblock Killer ) Cho Blogspot"

  1. Liên kết không : https://www.nhanblogger.com/

    Trả lờiXóa
  2. Xin chào bạn,Lúc mình trỏ domain mới về blogpot có một số vấn đề phát sinh phiền bạn sửa url liên kết giúp sửa thành https://nguyenphublog.blogspot.com/
    Xin lỗi đã làm phiền

    Trả lờiXóa
  3. https://uphinhnhanh.com/images/2018/11/04/ScreenShot_20181104180736.png
    bác cho em hỏi lỗi này khắc phục sao vậy ạ

    Trả lờiXóa