[TERABRU] Lazyload dan Defer Adsense 2022 dengan Atribut Crossorigin - Panduanajib

[TERABRU] Lazyload dan Defer Adsense 2022 dengan Atribut Crossorigin

[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.

Halo gan nama saya Ricky. Saya adalah seorang pemuda kampung yang sangat minat mengikuti perkembangan teknologi.

Posting Komentar

Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke Pesan Komentar.


image quote pre code
© Panduanajib. All rights reserved. Premium By Raushan Design