Cara Mempercepat Loading Iklan MGID di Blogger
Snippet Tips BloggerBanyak publisher Indonesia yang kini mulai menggunakan MGID untuk memonetisi situs blognya, biasanya disandingkan bersamaan dengan Google Adsense. MGID merupakan jenis iklan Native Ads atau iklan yang berbaur dan menyerupai bagian dari artikel blog dengan beberapa format pilihan iklan.
Sama halnya seperti Google Adsense, setiap akhir bulan antara tanggal 28 s/d 30 MGID akan membayar setiap publishernya setelah mencapai ambang batas pembayaran yaitu $100 USD melalui beberapi opsi ada Paypal, Payoneer dan Transfer Bank. Namun kebanyakan publisher lebih memilih pembayaran via paypal karena gampang dan tidak bertele-tele, meski ada potongan fee admin dari paypal sebesar 4.5% + $0.3 ditambah dengan biaya konversi mata uang saat melakukan penarikan ke bank lokal.
Sama seperti halnya seperti kode script lainnya, iklan MGID juga cukup menambah loading blog meskipun js-nya sudah asynchronous. Nah, di sini Namina akan mencoba berbagi tips Cara Mempercepat Loading Iklan MGID di Blogger.
Cara Mempercepat Loading Iklan MGID di Blogger
Tips yang akan saya bagikan ini cara kerjanya sama seperti Lazy Load Adsense. Yaitu, konten iklan akan muncul ketika kita scroll halaman ke bawah.
Biasanya kode iklan yang diberikan MGID untuk dipasang di blog seperti ini contohnya. Perlu diingat, di bawah ini hanya contoh kode ya. Silakan sesuaikan dengan kode iklan MGID milik blog Anda.
<!-- Composite Start -->
<div id="M517582ScriptRootC780378">
<div id="M517582PreloadC780378">
Loading... </div>
</div>
<script>
(function () {
var script = document.createElement('script');
script.src = "//jsc.mgid.com/b/i/namina_kiky.com.780378.js?t=" + ((d = new Date()) ? '' + d.getUTCFullYear() + d.getUTCMonth() + d.getUTCDate() + d.getUTCHours() : '');
script.async = true;
document.body.appendChild(script);
})();
</script>
<!-- Composite End -->
Kemudian salin kode yang ditandai di atas (Bisa disimpan dahulu di notepad) kemudian simpan sebagai file JS di Github atau penyedia hosting JS, HTM lainnya. Contohnya dengan nama mgid.js
<!-- Composite Start -->
<div id="M517582ScriptRootC780378">
<div id="M517582PreloadC780378">
Loading... </div>
</div>
<script>
//<![CDATA[
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>
<!-- Composite End -->
Pada kode yang ditandai, sisipkan link dari mgid.js yang telah di hosting tadi. Kemudian tambahkan kode di atas di Tata Letak pada widget.
Jika Anda ingin menampilkan lebih dari satu widget untuk konten iklan MGID, Anda hanya perlu hosting kembali kode baru tersebut dan pastikan nama JS yang dihosting berbeda dari yang pertama, contohnya mgid2.js serta ganti juga nama lazymgid dengan lazymgid2 dan seterusnya.
<!-- Composite Start -->
<div id="M517582ScriptRootC780378">
<div id="M517582PreloadC780378">
Loading... </div>
</div>
<script>
//<![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>
<!-- Composite End -->
Itulah dari Namina untuk Cara Mempercepat Loading Iklan MGID di Blogger, semoga bermanfaat.