petrussiahaan.com - Cara Memasang Lazy Loading Iklan MGID pada Blogger - Dalam dunia Blogging dan pemasaran online, penggunaan iklan menjadi salah satu strategi penting untuk menghasilkan pendapatan dari situs web atau blog. Salah satu platform iklan yang populer adalah MGID. Dalam artikel ini, kita akan membahas Cara Memasang Lazy Loading Iklan MGID pada Blogger untuk meningkatkan pendapatan Anda.
Pengenalan tentang MGID
MGID adalah salah satu jaringan iklan konten yang terkenal dan telah menjadi pilihan bagi banyak blogger dan penerbit online. Dengan menggunakan MGID, Anda dapat menampilkan iklan kontekstual yang relevan dengan konten Anda kepada pengunjung situs web Anda. Hal ini memungkinkan Anda untuk menghasilkan pendapatan dari setiap klik atau tayangan iklan yang dihasilkan.
Cara Memasang Lazy Loading Iklan MGID pada Blogger
Tutorial yang akan saya bagikan ini sama cara kerjanya sama seperti Lazy Image dan Lazy 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 -->Lalu salin kode yang ditandai di atas terlebih dahulu disimpan di notepad kemudian Simpan dengan format 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 TEMPEL DI SINI'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazymgid = true;
}
}, true);
//]]>
</script>
<!-- Composite End -->Untuk kode yang ditandai, sisipkan link dari mgid.js yang telah di Upload atau dihosting. Kemudian tambahkan kode yang di atas di Tata Letak pada widget.
Apabila Anda ingin menampilkan lebih dari satu widget untuk konten iklan MGID, Anda hanya perlu mengupload atau 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 TEMPEL DI SINI'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazymgid2 = true;
}
}, true);
//]]>
</script>
<!-- Composite End -->Demikianlah Tutorial Cara Memasang Lazy Loading Iklan MGID pada Blogger dari Petrus Siahaan, semoga bermanfaat.
