Memasang Lazy Load AdSense Pada Template Blogger Premium Sugeng.id

Mas Sugeng

Diperbarui: 07 Apr, 2024 • 38 • menit membaca

Daftar Isi

Salah satu pertanyaan yang paling sering saya dapatkan dari para pengguna template blogger premium sugeng.id adalah mengenai masalah skor pagespeed yang

Hampir semua permasalahan skor pagespeed yang rendah tersebut disebabkan karena pemasangan kode iklan AdSense.

Di postingan saya yang berjudul Solusi AdSense Bikin Skor PageSpeed Blog Rendah saya sudah memberikan beberapa solusi yang bisa dilakukan untuk mengatasi masalah skor pagespeed yang rendah, salah satunya dengan memasang lazy load AdSense.

Tapi di postingan tersebut saya belum menjelaskan cara pemasangannya ke blog.

Nah di postingan ini saya akan menjelaskan cara pemasangan lazy load AdSense khusus untuk pengguna template blogger premium sugeng.id.

Jadi cara ini tidak bisa diterapkan pada template blogger lain selain dari template blogger premium sugeng.id.

Ok langsung saja, berikut langkah-langkahnya:

Pertama, pastikan sobat menggunakan template blogger premium sugeng.id versi terbaru. Di beberapa template versi lama belum support untuk mengaktifkan lazy load AdSense.

Kedua, sobat hanya perlu sedikit memodifikasi kode Iklan AdSense yang dipasang di blog.

Pada setiap kode iklan AdSense umumnya terdapat bagian kode seperti ini:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-000xxxxxxxxxxxxx"
     crossorigin="anonymous"></script>

Nah sobat hanya perlu mengedit bagian kode tersebut menjadi seperti ini :

<script>Defer.js('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-000xxxxxxxxxxxxx', 'adsense', 1500, function(){console.log('adsense loaded');}, true);</script>

Catatan : ca-pub-000xxxxxxxxxxxxx adakah ID akun AdSense, silakan disesuaikan.

Jika kode iklan AdSense yang dipasang ada lebih dari satu, maka perlu diedit semuanya.

Jika sudah tinggal dicek hasilnya.

Berikut adalah contoh hasil penerapan lazy load AdSense pada blog ini:

Sebelum:

Sesudah:

Terlihat peningkatan skor pagespeednya cukup lumayan. Nilai performance dari 62 menjadi 89 dan Accessibility dari 90 menjadi 100.

Demikian panduan cara pemasangan lazy load AdSense untuk template blogger premium sugeng.id.

Jika ada pertanyaan bisa disampaikan di kolom komentar.

Terima Kasih.

Mas Sugeng Spesialis pembuat Template Blogger sejak tahun 2011. Sugeng.id.

38 komentar

Terbaru Terlama

Lamopi

9/07/2023 Hapus

Berarti lebih bagus pakai script lazy load yang ini ya dibandingkan dengan yang terdahulu?

Betul, yang ini lebih bagus.

alamnesia.com

9/14/2023 Hapus

Maturnuwun, terimakasih mas _/\_

Balas

Ijin bertanya lagi master, setelah kode lazyload ini saya pakai malah skor performance-nya di page speed tambah hancur.

apakah timenya discript itu tetap diisi "0" atau bagaimana ? soalnya di script yang lama harus pakai diatas "1600" baru skornya membaik.

Terima kasih !

Script lazyload-nya tidak bisa bekerja jika akun AdSensenya terhubung ke dashboard blogger.

Mzdi

9/20/2023 Hapus

bang, maksud dari Adsense terhubung ke dasboard blogger itu apa ya

Di dashboard blogger ada menu penghasilan, nah di situ tempat untuk menguhubungkan akun AdSense ke blog.

Iwan Efendi

Keren mas.. sudah saya terapkan memang lebih efektif daripada script biasanya.

diblog iwnefndi.com sudah saya modifikasi dikit juga beberapa, karya mas sugeng mah gak ada obat.

Rinal_Kaze

12/19/2023 Hapus

mas pake link magz ?

Makasih infonya mas.. sudah coba di blog joss

Mantappp 👍

IDBeasiswa

dulu sebelum pakai TLD pernah menghubungkan adsense melalui dashboard blog. Tapi adsensenya udah lama on aktif. Sekarang pakai adsense baru, dan di dashboard blogger tertera ID publisher yang lama, namun ada juga tombol "connet adsense".

Apakah ini menyebabkan scriptnya tidak berkerja?

Setelah saya cek lebih lanjut ternyata penyebabnya bukan karena akun AdSense-nya terhubung blog.

Untuk LinkMagz versi 3.4 ke bawah, parameter delay tetap harus dipasang.

Jadi seperti ini kodenya:

<script>Defer.js('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-000xxxxxxxxxxxxx', 'adsense', 2000, function(){console.log('adsense loaded');}, true);</script>

Atau saran saya template bisa download ulang di halaman member area dan pasang ulang versi terbaru.

Baik master, terima kasih atas pencerahanya. sepertinya akan download lagi (baru cek ada versi 3.5.0)

Riandi Permana

Makasih mas, barusan langsung dicoba di blog dan hasil score nya langsung naik 👍

Sama-sama 👍

Hilman Ubaydillah

9/08/2023 Hapus

Mantap nih tutorianya, BTW mas emailnya masih bisa dihubungi kah?

Masih bisa di admin@sugeng.id atau admin@mas-sugeng.com

Mas, kalau script adsense itu bisa satu aja kan ya, untuk beberapa unit iklan adsense..? Atau harus ada tiap unit ya..? Apakah pengaruh kependapatan nantinya..?

Saya selalu pasang satu script aja di blog iwnefndi.com, menurut mas gimana..?

Untuk script https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js hanya perlu satu saja di setiap halaman yang mamasang unit iklan AdSense.

9/13/2023 Hapus

Oke baik mas.. Sudah diterapkan. Sipp, makasih tutornya mas.

Mas, saya mau tanya apa saya aja yang salah atau gimana, itu saya coba buka blog saya di firefox kok gak muncul ya iklan adsensenya..? di Edge dan Chrome muncul mas.

Blognya iwnefndi.com atau yang lain? saya cek blog tersebut iklannya muncul di browser firefox.

Iya bener itu mas, disaya kok gak muncul ya.. Chache firefoxnya apa ya..?

Anonim

Apakah trik ini bisa diaplikasikan ke wordpress mas? Misal dengan mengambil script defer.js nya saja.

Bisa. Script original dari sini : https://github.com/shinsenter/defer.js

Huda

9/12/2023 Hapus

Kalo yang kode di /head mas..

Script yang ada bagian ini "pagead2.googlesyndication.com" perlu diedit.

Setelah di cek pagespeed insight terdapat peringatan seperti ini.... (ReferenceError: Defer is not defined.....)

Bagian defer nya tidak terdenisi.

Masnya pakai template apa dan versi berapa?

9/30/2023 Hapus

Sip, makasih tutorialnya mas. :)

10/01/2023 Hapus

Makasih mas...gak ngaruh ke skor, tapi emang bikin lebih cepet sih...oh iya klo kodenya dipasang di kode unit iklan display iklannya malah gk tayang semua, tapi selebihnya aman.

10/05/2023 Hapus

Pengguna viomagz kenapa tidak bisa jalan lazy Adsense

10/07/2023 Hapus

Download ulang templatenya di halaman member area.

Bustami

10/23/2023 Hapus

Saya pengguna template viomagz versi awal2 rilis. Untuk menerapkan ini apakah mendukung untuk template tersebut? Atau saya harus ganti ke versi viomagz updated terbaru? Thx, jawabannya, mas..

Harus download ulang versi terbaru di member area.

Wahyudin Tamrin

3/02/2024 Hapus

Mantap artikelnya mas.

Saya sudah coba dan hasilnya di pagespeed lebih baik. Terimakasih template premiumnya, saya sudah langganan dan terapkan di blogku.

ZamRoniye

12/19/2024 Hapus

kalau iklan otomatis gmn mas , apa ada caranya