AdBlock is a browser extension that prevents ads from appearing. The purpose of the Adblock installation is usually so that visitors can read articles comfortably without the need to see ads milling about.
AdBlock គឺជាផ្នែកបន្ថែមនៃកម្មវិធីរុករកដែលរារាំងការផ្សាយពាណិជ្ជកម្ម។ គោលបំណងនៃការតំឡើង Adblock ជាធម្មតាដើម្បីឱ្យអ្នកអានអាចអានអត្ថបទបានយ៉ាងងាយស្រួលដោយមិនចាំបាច់មើលឃើញការផ្សព្វផ្សាយពាណិជ្ជកម្ម។
For AdSense publishers and blog owners, this can be a problem because one of the main income as a blogger is from advertising. If the ad doesn't appear, then no income will come in. Therefore it is necessary to do a way to prevent AdBlock from blocking advertisements. In this tutorial, we will explain how to install the latest anti-AdBlock script on the igniel.com version of the blog. Later a notification will appear to visitors to turn off the AdBlock extension or enter your blog URL into the whitelist.
សម្រាប់អ្នកបោះពុម្ពផ្សាយនិងម្ចាស់ប្លុក AdSense នេះអាចជាបញ្ហាពីព្រោះចំណូលមួយដ៏សំខាន់ ដែលជាអ្នកសរសេរប្លក់គឺមកពីការផ្សាយពាណិជ្ជកម្ម ប្រសិនបើការផ្សាយពាណិជ្ជកម្មមិនលេចឡើងនោះ គឺគ្មានប្រាក់ចំណូលនឹងចូលមកទេ។ ដូច្នេះវាចាំបាច់ក្នុងការធ្វើមធ្យោបាយដើម្បីការពារ AdBlock ពីការទប់ស្កាត់ការផ្សាយពាណិជ្ជកម្ម។ នៅក្នុងការណែនាំនេះយើងនឹងពន្យល់ពីវិធីតំឡើងស្គ្រីបប្រឆាំង AdBlock ចុងក្រោយនៅលើអ៊ីនធឺរណែត គេហទំព័ររបស់យើង ចំណាន ។ ក្រោយមកការជូនដំណឹងនឹងបង្ហាញដល់អ្នកទស្សនាដើម្បីបិទផ្នែកបន្ថែម AdBlock ឬបញ្ចូល URL ប្លក់របស់អ្នកទៅក្នុងបញ្ជីស។
Before that, it's a good idea to check how to write efficient AdSense scripts without needing to parse or repeat so that the HTML structure doesn't get messy when placing ad code.
How To Install AdBlock Killer On Blog
Look for this external AdSense Javascript code and DELETE it. Usually the position is "ABOVE / BEFORE" </head>.
Code Box
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
code-box
Don't worry, because that external Javascript call is replaced with the following script. Save "ABOVE / BEFORE" </body>. yes.
Code Box
<script> //<![CDATA[
/* Anti AdBlock By igniel.com */
(function ignielAdBlock() {
var judulAd = 'Matikan AdBlock', /* Judul */
notifAd = 'Agar blog Igniel tetap berjalan, matikan AdBlock atau masukkan blog ini ke dalam whitelist.<br/>Terima kasih.'; /* Isi tulisan. Garis baru diganti dengan <br/> */
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('O b=["\\f\\w\\o\\k\\q\\n","\\w\\o\\c\\g\\n\\c\\V\\s\\c\\K\\c\\m\\n","\\n\\B\\q\\c","\\n\\c\\1a\\n\\r\\P\\g\\z\\g\\f\\w\\o\\k\\q\\n","\\f\\o\\w","\\r\\r\\q\\g\\v\\c\\g\\j\\t\\d\\v\\l\\l\\v\\s\\c\\f\\B\\m\\j\\k\\w\\g\\n\\k\\l\\m\\d\\w\\l\\K\\r\\q\\g\\v\\c\\g\\j\\r\\P\\f\\r\\g\\j\\f\\F\\B\\v\\l\\l\\v\\s\\c\\d\\P\\f","\\g\\f\\B\\m\\w","\\l\\m\\c\\o\\o\\l\\o","\\j\\k\\z","\\k\\j","\\k\\v\\m\\k\\c\\s\\C\\j\\J\\s\\l\\w\\X","\\k\\m\\m\\c\\o\\H\\1c\\N\\G","\\y\\j\\k\\z\\i\\w\\s\\g\\f\\f\\L\\A\\k\\f\\k\\C\\j\\f\\A\\x\\y\\f\\q\\g\\m\\i\\w\\s\\g\\f\\f\\L\\A\\P\\1b\\j\\1b\\s\\A\\x","\\y\\r\\f\\q\\g\\m\\x\\y\\F\\o\\r\\x\\y\\f\\z\\v\\i\\z\\k\\c\\W\\J\\l\\1a\\L\\A\\u\\i\\u\\i\\t\\R\\i\\t\\R\\A\\x\\y\\q\\g\\n\\S\\i\\j\\L\\A\\N\\a\\e\\h\\a\\e\\H\\a\\a\\U\\p\\H\\a\\e\\N\\a\\t\\h\\a\\p\\d\\e\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\u\\d\\p\\h\\a\\Z\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\t\\h\\a\\R\\d\\p\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\e\\d\\e\\h\\a\\Z\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\t\\h\\a\\p\\d\\e\\N\\a\\I\\d\\p\\e\\h\\e\\H\\Q\\d\\t\\p\\G\\e\\h\\Q\\d\\t\\p\\U\\a\\I\\d\\p\\e\\G\\Q\\d\\t\\p\\h\\t\\a\\H\\a\\I\\d\\p\\e\\G\\t\\a\\h\\a\\I\\d\\p\\e\\U\\Q\\d\\t\\p\\G\\a\\I\\d\\p\\e\\h\\e\\1g\\A\\x\\y\\r\\q\\g\\n\\S\\x\\y\\r\\f\\z\\v\\x\\y\\F\\o\\r\\x","\\y\\r\\j\\k\\z\\x","\\g\\q\\q\\c\\m\\j","\\F\\l\\j\\B","\\l\\z\\c\\o\\1e\\s\\l\\W","\\f\\n\\B\\s\\c","\\S\\k\\j\\j\\c\\m","\\g\\j\\F\\s\\l\\w\\X","\\v\\c\\n\\V\\s\\c\\K\\c\\m\\n\\f\\J\\B\\1c\\g\\v\\Y\\g\\K\\c","\\k\\m\\f\\c\\o\\n\\J\\c\\1e\\l\\o\\c","\\q\\g\\o\\c\\m\\n\\Y\\l\\j\\c"];O D=E[b[1]](b[0]);D[b[2]]=b[3];D[b[4]]=b[5];D[b[6]]=1d;D[b[7]]=1k(){O M=E[b[1]](b[8]);M[b[9]]=b[10];M[b[11]]=b[12]+1m+b[13]+1j+b[14];E[b[16]][b[15]](M);E[b[16]][b[18]][b[17]]=b[19];1f[b[1i]]=1d};O T=E[b[1l]](b[0])[0];T[b[1h]][b[1n]](D,T)',62,86,'||||||||||x31|_0xd5a9|x65|x2E|x33|x73|x61|x2C|x20|x64|x69|x6F|x6E|x74|x72|x37|x70|x2F|x6C|x32|x30|x67|x63|x3E|x3C|x76|x22|x79|x41|ad|document|x62|x4C|x48|x35|x42|x6D|x3D|_0xc9cbx2|x4D|var|x6A|x38|x34|x68|b_ad|x56|x45|x77|x6B|x4E|x36|||||||||||x78|x75|x54|true|x66|window|x5A|23|20|notifAd|function|21|judulAd|22'.split('|'),0,{}));
})();
//]]> </script>
code-box
Next, beautify the appearance of AdBlock Killer on the blog by adding the following CSS. Save the code "ABOVE / BEFORE" </style>. If there are a lot of </style>, make sure to choose the "OUTS" conditional tag on the Blogger page.
/* Anti AdBlock By igniel.com */
#ignielAdBlock {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;}
#ignielAdBlock svg {width:100px; height:100px}
#ignielAdBlock svg path {fill:#fff}
#ignielAdBlock a{color:#ffe88b;} #ignielAdBlock a:hover{color:#ffe88b;text-decoration:underline}
#ignielAdBlock .isiAds{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;font-family:monospace;max-width:800px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s}
#ignielAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
#ignielAdBlock .isiAds h4, #ignielAdBlock .isiAds .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
#ignielAdBlock .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:42px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
#ignielAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);}
#ignielAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)}
@keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-moz-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
code-box
This is how the anti Adblock popup notification will look if it is successfully installed. This message will only appear if the visitor has activated AdBlock or has not whitelisted your blog.
That's the tutorial this time. Hopefully it can be a little useful.
កូដនេះ គឺមិន Completed នោះទេ។ សូមកែ CSS ដោយខ្លួនឯង។
ReplyDeleteដូចជាភាសា កែកូដដោយខ្លួនឯង រួមទាំង Responsive ផង។
DeletePost a Comment
សូមប្រើពាក្យពេជន៍ ដែលមិន (មាក់ងាយមាក់ថោក) អ្នកដទៃ។