Cara Memasang Lazy Load Adsense di Blogger - Setelah sebelumnya saya share tentang cara memasang lazy load Analytics di Blogger, sekarang saya mau share juga cara memasang lazy load untuk script iklan Google Adsense di Blogger.
Untuk kamu yang belum tahu apa itu lazy-loading, sederhananya ini adalah script yang menunda loading dari beberapa script yang kita tentukan untuk nantinya di load setelah elemen lain di blog kita selesai di load.
Atau lebih sederhananya lagi, script ini membantu performa loading web kita jadi lebih cepat.
Salah satu faktor yang seringkali mempengaruhi loading website adalah iklan, apalagi kalau itu iklan pihak ketiga seperti AdSense. Namun, kita tidak perlu khawatir karena itu sudah ada solusinya dan solusi ini adalah white-hat trick yang tidak bertentangan dengan pedoman AdSense, jadi nggak usah khawatir banned.
Buat kamu yang sudah bergabung bersama AdSense atau yang baru bergabung dan masih menunggu proses review, boleh ikuti panduan singkat berikut ini untuk memasang script lazy-loading AdSense di template Blogger kamu.
Bahan yang diperlukan
- Kode Unik AdSense
- Akun Blogger
- Koneksi Internet
Alat yang diperlukan
- Komputer atau Laptop
- Notepad
Langkah:
- Langkah 1 - Login ke akun Adsense, Ambil Kode Unik Iklan
- Langkah 2 - Login ke Blogger
- Langkah 3 - Masuk Menu Edit HTML Template
- Langkah 4 - Cari Kode Script Bawaan dari AdSense
- Langkah 5 - Cari kode
- Langkah 6 - Masukkan Code Lazy Load AdSense di atas
Langkah 1 - Login ke akun Adsense, Ambil Kode Unik Iklan
Baik, langkah pertama, silahkan kamu log in ke Google AdSense menggunakan akunmu. Setelah itu, copy kode unik pengiklan kamu lalu simpan di Notepad.,Langkah 2 - Login ke Blogger
Setelah kamu mendapatkan kode unik pengiklan AdSense kamu, silahkan kamu masuk ke Blogger.com menggunakan akun blog kamu. Karena kamu sudah login AdSense sebelumnya, harusnya kamu otomatis masuk ke akun Blogger kamu.,Langkah 3 - Masuk Menu Edit HTML Template
Di halaman muka Blogger, silahkan kamu masuk ke halaman Theme, setelah itu pilih panah ke bawah, lalu kamu akan melihat menu pilihan Edit HTML. Silahkan kamu pilih menu tersebut.,Langkah 4 - Cari Kode Script Bawaan dari AdSense
Jika kamu adalah publisher lama yang sudah memasang iklan AdSense di blogmu, maka kamu perlu menghapus terlebih dahulu script kamu yang lama. Caranya mudah, kamu hanya perlu mencari link berikut ini: //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js di template-mu. Jika sudah, silahkan kamu hapus kode tersebut secara keseluruhan. Biasanya script berbentuk seperti gambar di atas.,Langkah 5 - Cari kode
Di halaman ini kamu akan melihat script lengkap dari template Blogger kamu. Silahkan kamu cari kode di template blogger kamu. Agar lebih mudah, kamu bisa menggunakan fitur find dengan menekan tombol CTRL+F di bagian script box.,Langkah 6 - Masukkan Code Lazy Load AdSense di atas
Jika kode sudah ketemu, langkah selanjutnya yang perlu kamu lakukan adalah menaruh script berikut ini:<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('data-ad-client','ca-pub-8621755121881056'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();lazyadsense = true;}}, true);//]]></script>
Selesai sudah. Silahkan kamu cek perubahaan performa website kamu di Google Pagespeed Insights atau GTMetrix. Perhatikan bagian Javascript atau Script. Iklan dari Google AdSense sudah tidak terdeteksi dan tidak lagi jadi masalah dalam analytics performa website kamu.
Kenapa seperti itu? Silahkan kamu pahami bagaimana cara lazy-loading bekerja.
Cara kerja lazy-loading script
- Script menunda pemuatan objek yang dituju dengan menunggu perintah trigger.
- Umumnya, perintah trigger adalah scroll layar sekitar 2-10% oleh pengunjung. Tapi ada juga yang menggunakan fungsi onClick ataupun onLoad sebagai triggernya.
- Dengan fungsi trigger scroll, jika pengunjung mengunjungi web kita tapi nggak scroll sedikitpun, maka objek-objek yang ditahan oleh lazy-load nggak akan termuat.
Apakah lazy-loading AdSense mempengaruhi CPM?
Ada beberapa yang bertanya tentang hal ini. Maka dari itu, saya tegaskan bahwa iya ini mempengaruhi CPM, jadi lebih baik. Kenapa? Karena dengan menggunakan trik ini, kamu bisa menghindari iklan kamu untuk tayang ke orang-orang yang nggak begitu minat ke web kamu.
Karena orang yang nggak minat nggak akan scroll juga web kamu dan dengan begitu iklan kamu juga nggak akan tayang.
Bukannya malah rugi? Untuk kehilangan 1 view dikatakan rugi itu tergantung kamu. Tapi untuk memperbaiki nilai Active View Viewable (Impression) di Google AdSense, ini akan sangat membantu.
Dengan trik ini, iklan kamu hanya akan tayang pada mereka-mereka yang bener-bener mengakses konten kamu dan berlama-lama di lama web/ blog kamu. Sehingga jumlah impresi aktif dan rata-rata iklan tayang di blog kamu juga meningkat.
Namun, itu kembali ke kamu, mau impresi gede tapi active view viewable-nya kecil atau sebaliknya?
Apakah lazy-load AdSense aman dari Banned?
Nah, mungkin gitu aja yang mau saya share tentang lazy-load AdSense ini. Semoga panduan ini bermanfaat dan bisa membantu kamu dalam memperbaiki performa kecepatan loading blog kamu. Jika ada yang ingin ditanyakan, jangan sungkan bertanya melalui kolom komentar di bawah. Sampai jumpa di konten selanjutnya.
Post a Comment
Post a Comment