[Tutorial] Cara Memasang Script Lazy Load pada Iklan Mgid di Blogger / Blogspot

www.seotechman.com, Bogor 04/04/2019. Pada umumnya semua kode script yang terdapat pada iklan, entah itu iklan Mgid, AdSense, dll. Yang secara kita tidak sadari, itu mungkin menjadi salah satu penyebab loading pada Web / Blog kita menjadi lambat. Tidak hanya itu, dalam penglihatan mata kita mungkin secara fisik akan terlihat simple.

Contohnya seperti ini:

<script src="//jsc.mgid.com/contohiklan.com.742952.js" async></script>

Akan tetapi perlu di garis bawahi, di dalam kode javascript tersebut akan ada banyak sekali script turunan lainnya. Tidak percaya? Silahkan sobat buktikan sendiri. Nah, terkait dengan perihal tersebut, disini saya akan sedikit berbagi trik untuk sobat semua yaitu, cara memasang script lazy load pada iklan MGID di blogger, ini berfungsi untuk mempercepat loading blog Anda.

Lalu, bagaimana caranya? Apakah script ini sama dengan lazy load Adsense?

Mungkin ada kesamaan dengan lazy adsense, namun untuk caranya sedikit berbeda. Apa yang membuatnya beda? Silahkan langsung saja sobat simak tahap dan langkah cara pemasangannya.

Cara Memasang Script Lazy Load Iklan Mgid di Blog

Pertama-tama sobat login ke akun Mgid sobat, setelah itu cari kode iklan yang terpasang atau yang baru mau sobat pasang di Blog. Simpan di notepad kode yang tadi sudah sobat dapatkan. Untuk contoh iklan default dari Mgid sendiri seperti ini:

 <div id="M493082ScriptRootC742952">  
     <div id="M493082PreloadC742952">Thanks..</div>
     </div>
     <script src="//jsc.mgid.com/contohiklansobat.com.742952.js" async> 
     </script>

Dan berikut ini adalah script lazy load yang harus sobat terapkan.

<div id='M493082ScriptRootC742952'>  
     <div id='M493082PreloadC742952'></div>
     </div>
<script type='text/javascript'>
//<![CDATA[
// Lazy Load Mgid
var lazymgid = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazymgid === false) || (document.body.scrollTop != 0 && lazymgid === false)) {
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'LINK HOSTING kode-mgid.js SIMPAN DI SINI'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazymgid = true;
  }
}, true);
//]]>
</script>

Perhatikan dan focus pada apa yang sudah saya beri tanda, tempatkan kode iklan mgid disitu. Silakan sobat ganti dengan kode tag iklan yang sobat dapatkan sebelumnya. Dan jangan lupa, link hosting javascriptnya juga, silakan ganti dengan link javascript mgid yang sobat punya.

Note:
Untuk tag div nya silahkan sobat tempatkan dimana saja, mau dibawah nav menu, sidebar atau yang lainnya. Yang terpenting javascriptnya, tempatkan sebelum kode penutup body.

Apabila sobat ingin menampilkan lebih dari satu widget untuk iklan Mgid, sobat hanya perlu lakukan / mengulang seperti cara yang pertama. Namun ada sedikit perbedaan, contoh:

<script type='text/javascript'>
//<![CDATA[
var lazymgid2 = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazymgid2 === false) || (document.body.scrollTop != 0 && lazymgid2 === false)) {
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'LINK HOSTING kode-mgid2.js SIMPAN DI SINI'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazymgid2 = true;
  }
}, true);
//]]>
</script>

Lihat pada bagian yang sudah saya block lazymgid2 dan link hostingnya juga sobat ganti, yang sebelumnya hanya lazymgid. Lakukan seperti itu untuk memasang widget berikutnya.

dengan cara ini saya yakin, dapat membuat halaman website maupun blog menjadi lebih cepat dalam pemuatan karena tidak perlu menghabiskan banyak waktu.

Kurang lebihnya, seperti itulah cara lengkap memasang script lazy load Mgid untuk blogger. Semoga bermanfaat.

Virm Aditya

Berita teknologi informasi terkini

Bagikan Artikel ini