Cara Memasang Lazy Load JS Google Adsense Template LinkMagz

Cara Memasang Lazy Load JS Google Adsense Template LinkMagz
AksesBlog.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.

Memasang Lazy Load JS Adsense

Kalau kamu sudah mengikuti tutorial saya yang terdahulu tentunya kamu akan sangat mudah menerapkan tutorial kali ini, temukan kode <b:includable id='allJavaScripts'> pada mode Edit HTML template blogger, selanjutnya kamu hanya perlu menambahkan 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({})
    }
}; 
Kamu perlu tambahkan tepat di akhir script yang ada pada kode tersebut, akan terlihat seperti berikut :

Cara Memasang Lazy Load JS Google Adsense Template LinkMagz
Selanjutnya kamu perli simpan perubahan yang kamu gunakan, yang perlu kamu ingat saya menggunakan dashboard blogger versi terbaru.

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

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 :

Cara Memasang Lazy Load JS Google Adsense Template LinkMagz
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.
Mas Iwan
Mas Iwan Hanya seorang blogger biasa yang gemar menulis, dan mencoba berbagi informasi dan pengalaman yang mungkin bisa bermanfaat kepada pembaca blog sederhana saya ini.

Tidak ada komentar untuk "Cara Memasang Lazy Load JS Google Adsense Template LinkMagz"

Berlangganan via Email