Ditulis oleh: Ditulis pada: 9/13/2021
![[UPDATE] Lazyload dan Defer Adsense 2021 dengan Atribut Crossorigin](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhntp1p8QLmbk5aTs4IRAygZPE01MCWAcVsIR6drdGw-10nptiwQR26M63CRbQYKQ7EpdiYvm_afIPJec8r7Z8fCdJkGdH1ooGaGslr84J-1kDAucqoposctY3P4-6HrunaB2u-8eas4ok/s1600/adsense.jpg "[UPDATE] Lazyload dan Defer Adsense 2021 dengan Atribut Crossorigin")
[UPDATE] Lazyload dan Defer Adsense 2021 dengan Atribut Crossorigin - Baru-baru ini Adsense mengubah kembali kode script JS Adsense 2021 dengan menambahkan atribut crossorigin. Beberapa sahabat Kompi meminta saya untuk meng-update script lazyload Adsense dan defer Adsense agar sesuai dengan perubahan terbaru kode script Adsense tersebut.
Atribut Crossorigin
Namun sebelum itu, mari kita sedikit mengenal tentang atribut crossorigin. Atribut crossorigin ini diberlakukan untuk sumber daya yang dimuat atau diminta dari domain lain di luar domain kita sendiri yang tentunya untuk keamanan.
Dengan crossorigin="anonymous" maka ini memberitahu browser bahwa sumber daya tersebut dapat diminta secara anonim tanpa pengiriman kredensial seperti cookie, sertifikat, atau otentikasi HTTP Basic sehingga aman digunakan oleh siapa pun.
Berikut ini kode script Adsense terbaru 2021:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxxx" crossorigin="anonymous"></script>Untuk itu, silahkan gunakan kode-kode di bawah ini untuk lazyload dan defer Adsense terbaru 2021.
Lazyload Adsense Terbaru 2021
Silahkan gunakan kode berikut dan simpan di atas </body>:
<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement('script'); ad.setAttribute('crossorigin','anonymous'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxx'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazyadsense = true;
}
}, true);
//]]>
</script>Untuk kode yang ditandai silahkan sesuaikan dengan kode ID publisher-nya.
Defer Adsense Terbaru 2021
Silahkan gunakan kode berikut dan simpan di atas </body>:
<script>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxx";d.setAttribute("crossorigin","anonymous"),document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>Untuk kode yang ditandai silahkan sesuaikan dengan kode ID publisher-nya.
Kemudian untuk defer Adsense silahkan tambahkan preload JS Adsense di bawah <head>
<link as='script' crossorigin='anonymous' href='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxx' rel='preload'/>Untuk kode yang ditandai silahkan sesuaikan dengan kode ID publisher-nya.
Semoga bermanfaat.