Pada dasarnya, setiap kali Anda menambahkan unit iklan baru, Google Adsense telah menyediakan kode lengkap yang bisa langsung ditempelkan ke dalam tema. Permasalahannya adalah jika ada lebih dari satu unit iklan yang ditambahkan, maka akan terjadi pengulangan penulisan kode script adsbygoogle.js di dalam tema, hal ini tidak efisien, padahal script Adsense hanya ditulis/dipanggil satu kali di tag <head>.
Mengaktifkan script adsbygoogle.js
Panduan ini bersifat opsional, Anda dapat memilih untuk menerapkannya atau tetap menggunakan cara standar sesuai dengan pengaturan Adsense.
- Di dasbor Blogger, klik Tema.
- Klik ikon di sebelah tombol Sesuaikan.
- Klik Edit HTML, Anda akan diarahkan ke halaman pengeditan.
- Temukan tag penutup
</head>pada kode HTML, lalu tempelkan kode di bawah ini tepat sebelum tag tersebut:<!--[ Adsense script ]--> <script type='deferjs' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000' crossorigin='anonymous'/>
- Ganti kode yang ditandai dengan ID Penayang Adsense Anda.
- Klik Simpan.
Kode di atas termasuk iklan otomatis, Anda dapat menyesuaikan format iklan yang ingin Anda tampilkan melalui dasbor Adsense. Kami juga menambahkan atribut type='deferjs' yang berguna untuk menunda pemuatan script Adsense setelah semua konten blog dimuat.
LazyAdsense untuk performa blog lebih baik (opsional)
Script Adsense merupakan salah satu penyebab utama menurunnya nilai PageSpeed Insight dan hal ini tidak dapat dihindari, yang dapat dilakukan adalah menunda pemuatan script Adsense dengan menggunakan lazyAdsense, namun iklan hanya akan muncul ketika pengguna melakukan scroll pertama atau beberapa detik setelah halaman terisi penuh. Hal ini mungkin akan mengakibatkan tingkat penayangan iklan berkurang, namun jika Anda ingin mencobanya gunakan salah satu kode di bawah ini:
LazyAdsense Dengan Scroll
Dengan skrip ini, iklan akan dimuat ketika pengguna melakukan scroll pertama pada halaman.
<!--[ Lazy Adsense by scroll ]-->
<script>/*<![CDATA[*/ let adsenseId = 'ca-pub-0000000000000000',
Ad = document.createElement('script'),
lazyAd = false;
window.addEventListener('scroll', () => {
(0 != document.documentElement.scrollTop && false === lazyAd || 0 != document.body.scrollTop && !1 === lazyAd) && (! function() {
Ad.setAttribute('crossorigin', 'anonymous'),
Ad.async = !0,
Ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + adsenseId,
document.head.appendChild(Ad);
}(), lazyAd = true);
}, true); /*]]>*/</script>
LazyAdsense Dengan Timer
Script ini dipicu berdasarkan waktu hitung mundur dan tidak terpengaruh oleh aktivitas scroll, iklan akan terpanggil pada jumlah detik yang ditentukan.
<!--[ Lazy Adsense by timer ]-->
<script>/*<![CDATA[*/ let adsenseId = 'ca-pub-0000000000000000',
Ad = document.createElement('script'),
lazyAdTime = 3;
setTimeout(() => {
Ad.setAttribute('crossorigin', 'anonymous'),
Ad.async = !0,
Ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + adsenseId,
document.head.appendChild(Ad);
}, lazyAdTime * 1000); /*]]>*/</script>
Berdasarkan script di atas, iklan akan terpicu setelah hitungan mundur 3 yang berarti 3 detik, untuk mengubahnya ubah nilai lazyAdTime = 3.
LazyAdsense Dengan Scroll dan localStorage
Sama seperti opsi sebelumnya, iklan akan dimuat ketika aktivitas scroll atau tap terdeteksi di layar namun hanya untuk kunjungan pertama kali, iklan akan ditampilkan secara asinkron jika pengguna berkunjung kembali tanpa harus menunggu aktivitas scroll atau tap lagi.
Pengaturan akan direset jika pengguna menghapus cookie browser mereka, hal ini akan sedikit meminimalisir penurunan pendapatan Adsense sambil mempertahankan skor situs di PageSpeed Insight.
<!--[ Lazy Adsense by scroll and localStorage ]-->
<script>/*<![CDATA[*/ function lazyAdLoad() {
let adsenseId = 'ca-pub-0000000000000000',
Ad = document.createElement('script');
Ad.setAttribute('crossorigin', 'anonymous'), Ad.async = !0, Ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + adsenseId, document.head.appendChild(Ad);
}
function detectLazy() {
lazyAdLoad(), localStorage.setItem('lazyAd', 'true')
}
var lazyAdStorage = localStorage.getItem('lazyAd');
if ('true' != lazyAdStorage) {
var e = !1,
t = !1;
window.addEventListener('scroll', () => {
(0 != document.documentElement.scrollTop && !1 === e || 0 != document.body.scrollTop && !1 === e) && (detectLazy(), e = !0, t = !0)
}, !0), window.addEventListener('click', () => {
!1 === t && !1 === t && (detectLazy(), t = !0, e = !0)
}, !0)
}
'true' === lazyAdStorage && lazyAdLoad(); /*]]>*/</script>
Pilih salah satu kode lazyAdsense di atas untuk digunakan, letakkan sebelum tag </body> dan ganti ca-pub-0000000000000000 dengan ID Penayang Adsense Anda.