Như các bạn biết với các nền tảng như wordpress thì việc hiển thị chặn Adblock rất dễ chúng ta hoàn toàn có thể sử dụng cá plugin ví dụ như: AdBlock Plus và uBlock Origin.
Tuy nhiên với Blogspot thì chúng ta sẽ không có plugin mà thay vào đó là chúng ta sẽ sử dụng các code tay html. Nói chung việc này để hạn chế tối đa việc khách hàng dùng block quảng cáo ảnh hưởng doanh thu của chủ website. Và bài viết này mình xin phép chia sẻ.
1. Share code thông báo chặn ADBlock cho blogspot giúp bạn tối ưu doanh thu Google Adsense (Mẫu 1)
<link href=”https://css.leanhduc.pro.vn/block-adblock.css” rel=”stylesheet”>
<script type=”text/javascript”>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement(“script”);e.src=”https://javascript.leanhduc.pro.vn/block-adblock.js”,document.body.appendChild(e)}window.addEventListener?window.addEventListener(“load”,downloadJSAtOnload,!1):window.attachEvent?window.attachEvent(“onload”,downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
Mẫu 2. Một số vấn đề mình chia sẻ về AdBlock BlogSpot:
Có hai phương pháp khác nhau có thể được sử dụng để nhận ra khách truy cập của chúng tôi để vô hiệu hóa trình chặn quảng cáo khi lướt trang web của bạn.
- Yêu cầu độc giả của bạn vô hiệu hóa AdBlock:
Thực hiện các cuộc trò chuyện với người đọc trên blog của bạn hoặc lên lịch hangout với họ và khiến họ nhận ra rằng cộng đồng đang suy giảm do thiếu nhà tài trợ, trong khi một số nhà tài trợ không hài lòng vì khách truy cập đang sử dụng tập lệnh chặn quảng cáo. Nó gần như đã cắt giảm thu nhập của blog thành hai phần. Yêu cầu trợ giúp và yêu cầu họ tắt Trình chặn Quảng cáo trong khi duyệt blog của bạn.
- Buộc độc giả ngừng sử dụng AdBlock:
Để buộc khách truy cập của bạn tắt AdBlocker, chúng tôi sẽ sử dụng Script sẽ phát hiện AdBlock và hướng dẫn người dùng tắt nếu họ muốn tiếp tục, nếu không nó sẽ tiếp tục gửi các thông báo gây phiền nhiễu cho đến khi hoặc trừ khi họ tắt AdBlock để làm như vậy.
- Sao lưu mẫu của bạn trong trường hợp có bất kỳ sự cố nào.
- Bây giờ chọn Chỉnh sửa HTML >> Tiếp tục.
- Sau đó, tìm kiếm ] ]> </ b: skin> và khi bạn tìm thấy nó, ngay phía trên nó, hãy dán mã CSS sau vào.
#mbl_noadblocker {
display: none;
}
Bây giờ hãy tìm kiếm </head> và ngay phía trên nó dán Mã JavaScript sau.
<script type=”text/javascript”>
if (document.getElementById(“mbl_noadblocker”) != undefined)
{
}
else
{
alert(“We’ve detected that you’re using AdBlock Plus or some other adblocking software. In order to keep this website free, this site is sponsored in part by advertisements.\r\nPlease consider disabling your ad blocker on this website\r\nif you enjoyed the content, and would like to support future \r\ninformative posts.Thank you!\r\n\r\nClick OK to continue\r\n\r\nPowered by mybloggerlab.com…”);
setTimeout(“nag()”,12000);
}
</script>
Bây giờ Tìm kiếm <body> và ngay bên dưới nó dán đoạn mã sau.
<script type = “text / javascript” src = “http://ftp.bauer-power.net/misc/tc/advertisement.js”> </script>
Sau đó các bạn lưu lại.- nó sẽ hiện demo như này:
Mẫu 3:
Css:
/* Adblock */
#detect-adblock-zone{width:100%;z-index:99;position:fixed;bottom:0;}
#detect-adblock{background:#ffffff;border-left:4px solid #fdd929;color:#000000;text-align:center;padding:10px 20px;position:relative;bottom:-150px;opacity:0;font-size:100%;line-height:1.5em;border-radius:5px;width:100%;max-width:800px;height:auto;z-index:99;box-shadow:0 5px 15px rgba(0,0,0,0.5);margin:0 auto;}
#detect-adblock p{margin:0}
#detect-adblock.show{pointer-events:auto;opacity:1;bottom:0;}
.detect-adblock-note{text-decoration:underline;}
.detect-adblock-title{text-decoration:underline;font-weight:700;font-size:15px;animation-name:blinker;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite;}
.close-detect-adblock:hover{color:#1C90F3;box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);transform:scale(1,1);}
#detect-adblock.show{animation:detect-adblock-anim ease-out 1s;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:detect-adblock-anim ease-out 1s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-moz-animation:detect-adblock-anim ease-out 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-o-animation:detect-adblock-anim ease-out 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-ms-animation:detect-adblock-anim ease-out 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}
.close-detect-adblock{background:#fff;color:#E23A3A;text-align:center;position:absolute;top:-15px;right:5%;font-size:24px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all 0.3s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
@keyframes detect-adblock-anim{0%{opacity:0.3;transform:translate(0px,80px)}100%{opacity:1;transform:translate(0px,0px)}}
@keyframes blinker{0%{opacity:1.0;}50%{opacity:0.0;}100%{opacity:1.0;}}
@media only screen and (max-width:640px){
#detect-adblock-zone,#detect-adblock,.close-detect-adblock{display:none;}}
HTML:
<div id=’detect-adblock-zone’><div id=’detect-adblock’>
<p><i class=’fa fa-frown-o’/> <span class=’detect-adblock-title’>Oops!! CÓ VẺ NHƯ BẠN ĐANG BẬT ADBLOCK</span> <i class=’fa fa-frown-o’/></p>
<p>Quảng cáo giúp Nguyễn Lâm Blog duy trì website và tiếp tục chia sẻ các thủ thuật đến bạn.</p>
<p>Bạn Vui lòng <span class=’detect-adblock-note’>tắt Adblock</span> hoặc cho Nguyễn Lâm Blog <span class=’detect-adblock-note’>được phép hiển thị</span> trong công cụ chặn quảng cáo của bạn. Cảm ơn!</p>
<div class=’close-detect-adblock’ onclick=’hidedetect()’>×</div>
</div></div>
JS:
<script type=’text/javascript’>
//<![CDATA[
setTimeout(function() {
var info = document.getElementById(“detect-adblock”);
var ads = document.querySelectorAll(“ins.adsbygoogle”);
if ($(ads).height() === 0 ) {
info.className = “show”;
}
}, 5000)
function hidedetect() {
var e = document.getElementById(“detect-adblock”).style.display = “none”;
};
//]]>
</script>
Sau đó bấm lưu chủ đề là xong.
