Cara Pasang Script Lazy Load MGID di Blog

"Bagaimana mengatasi iklan MGID yang berat di pagespeed insight? solusinya adalah dengan menggunakan script lazyload mgid. Yuk simak caranya!"

MGID sebagai salah satu penyedia periklanan cukup popular dikalangan para pemilik Blog/Web, mulai dari blog pemula sampai web-web besar profesional banyak yang menggantungkan pendapatannya dari Advertiser yang satu ini.

Apa itu MGID?

mgid.com

MGID adalah perusahaan penyedia periklanan Native Banner Ads seperti Google Adsense, sebagai Advertiser mereka menampilkan jaringan periklanannya di Web/Blog yang telah terdaftar sebagai Publisher mereka.

Konsepnya tak beda jauh denga system Google Adsense, tak ayal jaringan periklanan yang satu ini banyak dipilih oleh para pemilik Web sebagai alternatif Google Adsense.

Meskipun dibilang alternatif, namun persyaratan untuk join di MGID tidak dapat sembarangan atau dianggap remeh, earnings yang didapat digadang-gadang dapat menyaingi Google Adsense.

MGID memberatkan kecepatan Blog

Setelah mengetahui apa itu MGID apakah sobat tertarik untuk menjadi salah satu publishernya? sayang sekali Advertiser yang satu ini memiliki kode JavaScript yang memberatkan kecepatan Blog/Web kita.

Dapat kita buktikan dengan melakukan pengecekan kecepatan kinerja blog di tools pagespeedinsight maupun web.dev hasil laporan akan muncul beberapa masalah diantaranya:

Reduce Unused JavaScript,
Reduce the impact of third-party code,
Reduce JavaScript execution time,
Serve static assets with an efficient cache policy.

Fiuhh banyak sekali kan masalah yang muncul karena disebabkan oleh satu baris kode js iklan mgid ini? Lalu adakah cara mengatasinya? bagaimana solusi ikan mgid yang berat? Yuk disimak!

Lazymgid Script Lazyload untuk MGID

Setelah berselancar di mbah google lagi-lagi CatatanDroid mendapatkan solusi paten dari Blog Mas Adhi yakni Kompiajaib, dalam artikelnya tersebut beliau menjabarkan dengan lengkap tentang Lazymgid ini.

Cara penerapannya pun cukup mudah, kita hanya perlu menempel kode Javascript khusus yang telah disipakan oleh mas Adhi bernama Lazymgid.

Cara Memasang script Lazyload MGID di Blog

1. Pertama-tama siapkan kode iklan MGID sobat, contoh:
   

   <!-- Composite Start -->
   <div id="MxxxxxxScriptRootxxxxxx"></div>
   <script src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js" async></script>
   <!-- Composite End -->

2. Perhatikan highlight diatas yang nantinya akan kita gunakan
3. Buka dashboard Blogger sobat dan masuk ke editor Template
4. Copas kode berikut ini di atas </body>
   

   <script async='async' type='text/javascript'>
   //<![CDATA[
   // lazy mgid kompiajaib
   var lazymgid=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazymgid||0!=document.body.scrollTop&&!1===lazymgid)&&(!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://jsc.mgid.com/c/a/catatandroid.com.1199831.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}(),lazymgid=!0)},!0);
   //]]>
   </script>

5. Ganti url kode js MGID diatas dengan milik sobat
6. Save template
7. Lanjut ke dashboard dan buka menu Layout
8. Tambahkan widget HTML sesuai posisi yang sobat inginkan
9. Paste kode iklan MGID sobat dengan format dibawah ini
   

   <div id="MxxxxxxScriptRootxxxxxx"></div>

10. Save widget dan lihat hasilnya

Cara kerja script lazymgid ini serupa dengan script lazyload Adsense, yakni menunda proses penampilan/load iklan sampai terdapat fungsi scroll layar di gadget/device pengunjung.

Dengan fungsi penundaan diatas maka proses load awal web kita akan menjadi jauh lebih ringan, hal ini dapat kita buktikan kembali dengan melakukan cek ulang pada tools pagespeedinsight maupun web.dev.

Penutup dan Kesimpulan

Kembali lagi dalam usaha memenuhi skor pengalaman pengguna Core Web Vital menjadi alasan CatatanDroid membagikan artikel ini ke sobat pembaca semua, harapannya semoga dapat memperbaiki kinerja blog sobat di mata Google.

Terima kasih kepada Mas Adhi Kompiajaib yang telah membuat dan membagikan script lazymgid ini di blognya, terbukti di blog CatatanDroid ini tidak muncul permasalahan yang diakibatkan oleh script js milik MGID.

Demikian artikel tips blog kategori Core Web Vital seputar Bagaimana cara mengatasi iklan MGID yang berat? Akhir kata semoga bermanfaat dan selamat mencoba! CatatanDroid

Tags: Blog Core Web Vital

Posted by

YZG

Blogger Template enthusiast.
See collections