Cara Memasang Lazy Load Adsense di Template Viomags

Template Viomags merupakan salah satu template terbaik buatan mas Sugeng yang dibuat sangat responsif dan modern. Tentu saja hal ini tidak diragukan lagi, karena selain Viomags sangat responsif juga fast loading dan tentunya SEO. Nah untuk anda yang sudah memasang iklan adsense, tentunya akan mengalami kecepatan memuat web lebih lama, hal ini dikarenakan script iklan pada adsense sangat berat untuk dimuat sekaligus bersamaan dengan loading gambar web. Untuk itu ada cara untuk membuat tampilan lebih cepat yaitu dengan menambahkan scrip Lazy Load.

Sebenarnya sudah banyak cara untuk memasang script lazy load ini, tetapi disarankan jika anda pengguna template viomags, lebih baik menggunakan tutorial berikut. Script Lazy load sendiri akan menunda tampilan hingga pengunjung menggulir ke tampilan berikutnya sehingga dapat dimuat lebih cepat. Berikut cara memasang Script Lazy Load Adsense untuk template Viomags.

1. Untuk memasang script pastikan Anda sudah memiliki code iklan Adsense seperti berikut yang terpasang di blog anda:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Iklan Dalam Artikel Feed -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7154088106349804"
data-ad-slot="2338421981"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

2. Buka Dashboard Blogger dan masuk ke Tata Letak
3. Di setiap kode iklan AdSense umumnya akan terdapat kode berikut ini tepat di bagian atas code iklan:

<script async src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>

Kemudian, silahkan edit dan ubah code tersebut menjadi seperti berikut di semua unit iklan yang terpasang, baik itu di Widget, header, iklan tengah artikel dan sebagainya :

<script>Defer.js('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', 'adsense', 2000);</script>

Maka akan menjadi seperti berikut:
<script>Defer.js('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', 'adsense', 2000);</script>
<!-- Iklan Dalam Artikel Feed -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-71530880000000"
data-ad-slot="2338421981"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Silahkan simpan pengaturan

Untuk Unit Iklan Auto Ads
Lazy load ini juga dapat digunakan pada unit iklan auto ads, caranya:
Letakkan code atau script berikut tepat diatas </head> atau bisa juga di pasang langsung pada Widget Custom Javascript yang ada di Tata letak Blogger.

<script>Defer.js('https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-71530880000000', 'adsense', 2000);</script>

Maka hasilnya akan seperti ini:

Perlu di ingat hal-hal berikut:

1. Pastikan Anda meletakkan code diatas tepat sebelum code </head>, jangan dibawahnya
2. Ganti tulisan 71530880000000 dengan ID Adsense Anda.

Script diatas dapat bekerja pada template viomags, jika anda menggunakan template atau tema blog yang lain, anda dapat membaca artikel tentang Cara memasang Lazy Load Ads untuk meningkatkan kecepatan web.

Location:

Share :