Lompat ke konten Lompat ke sidebar Lompat ke footer

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 Seorang blogger yang kesehariannya didepan laptop, dan hobi bermain game.

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

  1. Mas, Lazyload mempengaruhi penghasilan nggak mas menurut pengalamannya? Soalnya kalau dilihat lazyload itu iklan tampil ketika user scroll dan iklan dibawah menu yang biasanya dilihat user menjadi lama muncul harus menunggu user scroll kebawah baru tampil.

    BalasHapus
    Balasan
    1. Saya gak mikirin penghasilan mas, saya lebih mentingkan pelanggan atau pengunjung bisa baca tulisan kita dulu mas. Makanya saya gak masalah dengan LazyLoad ini mas. Saya pribadi ngeblog memang hoby dari dulu, saya seneng aja kalau ada yang ngerasa kebantu sama tulisan saya.

      Saya seneng balasin komentar-komentar yang muncul. Perihal penghasilan masnya bisa eksperimen sendiri satu bulan atau dua bulan.

      Hapus
  2. Update lagi mas tentang seputaran Linkmagz hehe

    BalasHapus
    Balasan
    1. OGP mas, soalnya saya ada project blog baru juga, jadi belum bisa fokus.

      Hapus
  3. saya pake linkmagz terbaru kok gk work ya gan.
    saranya dong

    BalasHapus