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.
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
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpxvQxhLUHeO2TIFELezyFtAm5vDfT42U_2K6eJCifJ_XzVcvoVq8FzT4OZrivZ0-8p7BPHp03FRazTSlvZZqcBRI-KcBEHnIlcBQx-fsECXFysMSBdqm4G34G634fEvQ4oz3rIyHXzRg/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyKZSAidB3Kx07_engLBkvZ0uN3C0wCREC2vzaIPzEcJPEWsn5Owzn4LMFnmycnZaR7gyRavfrBKV6V7tLNspm878__2tA4XecgkAUTGtXK0NyqAfCStae8g5KdIaVIUa850YnNup8qEwx/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>
Code Iris Tips
Tag : Chặn Adblock, Code Anti Adblock, Chống Ablock Blogspot, Code Chặn Quản Cáo Cho blogger,
