Cara Memasang Lazy Load JS Google Adsense Template LinkMagz

IwanBlog.com - Seperti yang kita ketahui template LinkMagz adalah template yang sangat fast loading dengan beragam fitur yang ada pada template tersebut. Untuk kamu yang menggunakan iklan adsense tentunya mengetahui bahwa iklan adsense itu lumayan menambah loading sebuah web.

Mengutip tulisan saya terdahulu perihal Optimasi Script Google Adsense, disana saya sudah jelaskan cara agar loading iklan adsense itu akan di eksekusi setelah pengunjung scroll halaman web kita.

Update 13 Maret 2021 - Penyesuaian artikel dengan LinkMagz versi 2.9.0

Memasang Lazy Load JS Adsense

Pertama kamu perlu masuk ke dashboard blogger, terus ke Tata Letak - Masuk ke Widget Custom Javascript Footer selanjutnya kamu copy kode berikut (block all dan copy) :

var lazyadsense = !1;
window.addEventListener("scroll", function() {
    (0 != document.documentElement.scrollTop && !1 === lazyadsense || 0 != document.body.scrollTop && !1 === lazyadsense) && (function() {
        var e = document.createElement("script");
        e.type = "text/javascript", e.async = !0, e.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
        var a = document.getElementsByTagName("script")[0];
        a.parentNode.insertBefore(e, a)
    }(), lazyadsense = !0)
}, !0);

for (var ads = document.querySelectorAll('ins.adsbygoogle'), i = 0; i < ads.length; i++) {
    if (ads[i]) {
        (adsbygoogle = window.adsbygoogle || []).push({})
    }
}; 

Kalau sudah ada kode lain kamu perlu sesuaikan sedikit kodenya, namun dalam artikel ini saya anggap pada widget tersebut belum ada kode apapun ya.

Memasang Iklan Adsense Template LinkMagz

Sebenarnya sama halnya seperti memasang kode iklan adsense seperti biasanya namun disini kita hanya akan mengambil kode pemanggil iklan adsensenya saja, seperti yang sudah saya jelaskan pada artikel Optimasi Iklan Adsense yang sebelumnya.

Masuk ke Dashboard Blogger > Tata Letak dan kamu bisa pilih iklan adsensenya mau kamu letakkan dimana, disana sudah tersedia beragam slot untuk bisa kamu sesuaikan dengan artikel kamu.

Bisa kamu pasang di sidebar juga, atau atas, bawah, mapun tengah artikel.

Memasang Iklan InFeed Adsense Template LinkMagz

Tulisan dibawah ini sudah tidak sesuai lagi untuk template linkmagz versi terbaru, karena sudah ada otomatis di bagian Tata Letak widgetnya, tinggal kamu gunakan sesuai kebutuhan.

Untuk memasang iklan In-Feed tentunya kamu harus mempersiapkan dulu iklan InFeednya, kamu bisa siapkan iklannya di dashboard google adnsense kamu sendiri. Kode yang akan kamu dapati akan terlihat seperti berikut :

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-5v+c3-1f-55+r6"
     data-ad-client="ca-pub-62xxxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxxx"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Sama seperti halnya iklan adsense biasanya, kamu hanya perlu menggunakan kode berikut :

<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-5v+c3-1f-55+r6"
     data-ad-client="ca-pub-62xxxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxxx"></ins>

Untuk memasangnya di template LinkMagz, kamu perlu menggabungkan kode adsensenya dengan kode berikut :

<b:if cond='data:view.isHomepage and data:view.search.label not in ["Produk","Products","Jasa","Services"]'>
    <b:if cond='data:i==3'>
    <article class='post-outer'>
        <div class='post-content'>
        ...kode iklan in-feed di sini...
        </div>
    </article>
    </b:if>
</b:if>

Tentunya ganti …kode iklan in-feed di sini… dengan kode iklan In-Feed milik kamu yah, setelah itu kamu perlu temukan kode berikut pada edit HTML Template LinkMagz.

<b:loop index='i' values='data:posts' var='post'>

Kode tersebut ada tiga di template LinkMagz, jadi kamu perlu menggunakan yang nomor dua dalam urutan template LinkMagz tersebut, pasang kode tadi tepat dibawah kode tersebut. Penampakannya seperti berikut :

Kamu bisa menambahkan beberapa iklan infeed di blog kamu, dengan cara menyesuaikan kodenya tepat di kode <b:if cond='data:i==3'> angka tiga pada kode tersebut akan menandakan iklan infeed dimunculkan. Jadi kalau kamu mau membuat iklan infeed dua atau tiga kamu perlu sesuaikan menjadi seperti ini :

<b:if cond='data:view.isHomepage and data:view.search.label not in [&quot;Produk&quot;,&quot;Products&quot;,&quot;Jasa&quot;,&quot;Services&quot;]'>
    <b:if cond='data:i==3'>
    <article class='post-outer'>
        <div class='post-content'>
        ...kode iklan in-feed ketiga di sini...
        </div>
    </article>
    </b:if>

    <b:if cond='data:i==6'>
    <article class='post-outer'>
        <div class='post-content'>
        ...kode iklan in-feed kedua di sini...
        </div>
    </article>
    </b:if>

    <b:if cond='data:i==9'>
    <article class='post-outer'>
        <div class='post-content'>
        ...kode iklan in-feed ketiga di sini...
        </div>
    </article>
    </b:if>

</b:if>

Selanjutnya simpan perubahan kamu dan lihat hasilnya. Selamat mencoba.