Beranda Blogging Cara Pasang Iklan MGID di Blog AMP (New Update)

Cara Pasang Iklan MGID di Blog AMP (New Update)

Pasang iklan MGID di AMP
MGID Native Ads

Salah satu platform periklanan yang berbasis di USA, MGID, kini mulai naik daun di Indonesia. Buktinya, banyak publisher lokal 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.

Setiap akhir bulan antara tanggal 28 – 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.

Nah, kebimbangan muncul bagi pemilik blog yang terlanjur memasang template AMP (Accelerated Mobile Pages) namun ingin memasang juga iklan dari MGID. Sedangkan sampai saat ini, pihak MGID belum menyediakan jenis format iklan yang khusus untuk AMP. MGID hanya menyediakan kode iklan berupa javascript yang apabila dipasang di blog AMP akan menyebabkan fatal error. Bagaimana dong solusinya?

Jangan khawatir bro, ada trik khusus untuk mengakalinya namun tetap tidak melanggar kebijakan dari MGID, sudah dibuktikan di salah satu blog saya yang menggunakan template AMP. Trik ini secara tidak sengaja saya temukan setelah mempelajari iframe yang ada di AMP. Dalam hal ini, AMP tidak memperbolehkan pemasangan script apapun kecuali yang sudah disediakan. Namun diperbolehkan memasang iframe dengan format khusus, ini dia celahnya untuk masang iklan MGID di blog AMP.

Pertama-tama, siapin dulu script kode iklan MGID-nya yang akan digunakan. Setelah itu buat akun di Github, klik Start a Project. Hal ini harus dilakukan via PC ya, atau ubah resolusi HP menjadi Dekstop (Situs Desktop pada Chrome). Isikan nama Repository name, terserah misal MGID dan klik Create repository. Setelah itu buat file baru dengan klik Create a new file, kasih nama kodenya misal mgid.html (ingat, ekstensinya adalah html). Masukkan kode MGID tadi di bagian kolom konten bawahnya dengan format HTML, seperti ini:

<!-- Composite Start -->
<div id="M318833ScriptRootC214772">
        <div id="M318833PreloadC214772">
        Loading...    </div>
        <script>
                (function(){
            var D=new Date(),d=document,b='body',ce='createElement',ac='appendChild',st='style',ds='display',n='none',gi='getElementById';
            var i=d[ce]('iframe');i[st][ds]=n;d[gi]("M318833ScriptRootC214772")[ac](i);try{var iw=i.contentWindow.document;iw.open();iw.writeln("<ht"+"ml><bo"+"dy></bo"+"dy></ht"+"ml>");iw.close();var c=iw[b];}
            catch(e){var iw=d;var c=d[gi]("M318833ScriptRootC214772");}var dv=iw[ce]('div');dv.id="MG_ID";dv[st][ds]=n;dv.innerHTML=214772;c[ac](dv);
            var s=iw[ce]('script');s.async='async';s.defer='defer';s.charset='utf-8';s.src="//jsc.mgid.com/j/e/androphedia.com.214772.js?t="+D.getYear()+D.getMonth()+D.getUTCDate()+D.getUTCHours();c[ac](s);})();
    </script>
</div>
<!-- Composite End -->

Kemudian kalian klik Commit new file. Done, selanjutnya kita ambil url filenya (misal punya saya: https://github.com/Syafaatfm/Kampung-Baca-CSS/blob/master/mgid.html).

Url filenya di atas perlu di parse dulu ke situs rawgit. Sebagai penggantinya langsung kunjungi laman Staticaly.com dan pastekan urlnya di sana. Copy paste yang bagian Use this URL in production. Nah url inilah yang nantinya dimasukkan ke iframe di AMP. Jika belum tahu, bisa dilihat caranya di sini AMP Iframe. Jadi deh, silakan letakkan iframe MGID ini di bagian mana yang kalian kehendaki, biasanya di bawah artikel.

Contoh code pemasangan punya saya :

<amp-iframe id="mgid_iframe" width="480" height="600" layout="responsive" sandbox="allow-top-navigation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" src="https://cdn.staticaly.com/gh/Syafaatfm/Kampung-Baca-CSS/6d12a4b4/mgid.html"></amp-iframe>

Note: id=”mgid_iframe”, adalah id css class fungsinya untuk mengatur ukuran iklan (height) di bagian <style amp-custom>, untuk wordpress yang menggunakan plugin AmpforWp letaknya di file style.php. Sedangkan untuk platform Blogger, cukup disematkan pada costum css di header.

Mohon maaf tidak menyertakan gambar ilustrasi, untuk mempercepat loading website. Jika masih bingung (saya harap tidak), langsung tinggalkan komentar, Insyaallah saya bantu.

Update, MGID AMP untuk WordPress

Teman-teman publisher MGID kini sudah tidak perlu repot-repot lagi ya, terutama untuk pengguna WordPress lantaran sekarang sudah ada plugin AMP for WP yang telah mendukung penuh pemasangan iklan MGID untuk format AMP. Pengaturan dasarnya sangat mudah, kalian cukup melihat penjelasan gambar di bawah ini pasti langsung paham:

MGID AMP
Pemasangan widget AMP WordPress (Sumber gambar: Blog resmi MGID)

7 KOMENTAR

  1. Kak tanya, kenapa kode iklan mgid yg saya dapat dari akun mgid beda dengan pertama kali saya dapat. Seperti ini contohnya:


    Kalo dulu kodenya banyak. Sekarang saya jadi susah untuk ganti kode iklan.

    Mohon pencerahannya. Terimakasih

    • Oh iya, memang kode ads MGID sekarang sudah berubah. Tapi sama saja kok, tetap worked. Lakukan sesuai prosedur di artikel, Gak perlu khawatir…

  2. kalau yg non amp gimana ya pas ya, tanpa nambah plugin biar berat sama ini kalau ubah bahasa gimana y mas, punya saya bukan bahasa indonesia

    • Agat ribet dan njlimet kalau kurang memahami bahasa PHP Mas untuk menginsertkan kode mgidnya di wordpress. Saran saya sih Ad Inserter, paling ringan dibanding yang lain dan sangat mudah pengunaannya…

LEAVE A REPLY

Please enter your comment!
Please enter your name here