[TERABRU] Lazyload dan Defer Adsense 2022 dengan Atribut Crossorigin
Lazyload dan Defer Adsense 2022 dengan Atribut Crossorigin - seperti yang kita semua tau bahwa Adsense telah mengubah kode script JS Adsense dengan menambahkan atribut crossorigin. Untuk itu maka Lazyload dan juga Defer Adsense juga harus di update supaya sesuai dengan JS Adsense yang baru.
Apa itu Atribut Crossorigin?
Nah sebelum melangkah ke langkah yang lebih lanjut saya pikir memang ada baiknya kita mengenal apa itu Crossorigin.
Atribut crossorigin ini diberlakukan untuk sumber daya yang dimuat atau diminta dari domain lain di luar domain kita sendiri yang tentunya demi menjaga keamanan.
Dengan crossorigin="anonymous" ini bertujuan untuk memberitahu browser bahwa sumber daya tersebut dapat diminta secara anonim tanpa pengiriman kredensial seperti cookie, sertifikat, atau otentikasi HTTP Basic sehingga aman digunakan dan di akses oleh siapa pun.
Jika kita melihat kode adsense yang terbaru maka kurang lebih akan seperti berikut ini.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxxx" crossorigin="anonymous"></script>Nah untuk update kode Lazyload dan Defer Adsense terbaru silahkan gunakan kode-kode dibawah ini.
Lazyload Adsense Terbaru
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>Kode yang ditandai diatas yakni ca-pub-xxxxxxxxxxx silahkan ganti dengan kode Adsense milik Anda.
Defer Adsense Terbaru
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.
Nah demikianlah artikel tentang Lazyload dan Defer Adsense 2022 dengan Atribut Crossorigin. Semoga bermanfaat.
Posting Komentar untuk "[TERABRU] Lazyload dan Defer Adsense 2022 dengan Atribut Crossorigin"
Harap memberikan komentar dengan bijak dan sesuai artikel yang dibaca. Mohon jangan spam disini.