Skip to main content
BLOGAZKA

follow us

Cara Pasang iklan MGID di blog AMP agar valid AMP

Blog berplatform blogger yang menggunakan template AMP (Accelerated Mobile Pages) tidak bisa memasang langsung unit iklan MGID Publisher yang berupa kode JavaScript. Karena jika di paksakan memasang di blog platform blogger dengan cara menambahkan Widget HTML/JavaScript.

Maka ketika blog tersebut di tes dengan AMP Validator akan muncul notifikasi Validation Status : FAIL alias tidak valid AMP.

MGID hingga saat ini belum merilis format iklan yang di khusus kan untuk Blog AMP. Tapi bagi pemilik blog AMP jangan berkecil hati karena saya berhasil menemukan cara untuk mengakali iklan MGID bisa di pasang di blog AMP yaitu menggunakan kode AMP IFRAME, cara ini tidak melanggar kebijakan mgid itu sendiri. Dan sudah saya test dengan cara ini blog valid AMP.

Trik ini saya temukan dari blognya jegulo.com. Di awal penerapannya memang ada beberapa kendala yang saya alami seperti iklan tidak mau muncul di lalu kemudian iklan mgid bisa muncul tapi tidak bisa di klik (untuk uji coba klik pake gadget berbeda). Namun dengan kesabaran dan mencoba mengulang dari awal akhirnya bisa berhasil.

Berikut ini Tahapan Memasang iklan MGID di Blog AMP

Widgets MGID

Langkah pertama tentunya sudah mendaftar di MGID, lalu web/blog AMP anda sudah di terima menjadi publisher MGID untuk bisa membuat WIDGETS (type iklan mgid).

Contoh akan pasang iklan mgid di dalam artikel maka login di mgid lalu ambil Script iklan mgid yang sudah anda buat sebelumnya atau membuat unit iklan mgid baru dengan cara Klik > Add Widgets lalu pilih type Under Article Widget atau In-Article Widget, lalu Klik > Save

Selanjutnya Salin kode script type iklan mgid seperti pada gambar screenshot di atas ini.

Upload file HTML di GitHub

Langkah kedua login ke akun github anda untuk membuat File HTML, Silahkan baca cara Membuat file HTML di GitHub

Masukan kode iklan MGID yang sebelumnya telah anda Salin di langkah pertama lalu Tempel di kolom konten file html yang anda buat, seperti mgid.html pada contoh gambar screenshot di bawah ini.

Karena buat format file HTML maka tambahkan kode HTML di awal dan penutup di akhir jadinya seperti script di bawah ini (Ukuran File 1.04 Kb)


<!DOCTYPE html>
<head>
</head>
<body>
Script iklan mgid disini
</body>

</html>

(kode iklan mgid sesuaikan dengan kode script untuk blog anda)

Lalu Klik > Commit new file

Salin URL file github seperti pada gambar di atas ini, Contoh URL : https://github.com/blogazka/iklan-mgid/blob/master/mgid.html kemudian Raw url dari Github tersebut ke Staticaly

Di situs web Staticaly tempel url file html github di kolom pertama otomatis refresh dan hasilnya salin url Staticaly file html yang berada di kolom kedua seperti pada gambar screenshot di atas ini.

Memasang Iframe di Template AMP Platform Blogger

Langkah ketiga siapkan kode iframe seperti di bawah ini.


<amp-iframe width='250' height='300' layout='responsive' sandbox='allow-scripts allow-same-origin allow-popups' frameborder='0' src='Isi URL mgid html'>
</amp-iframe>

Pelajari tentang AMP Iframe

Untuk ukuran width dan height silahkan di ubah sesuai dengan lebar template AMP dan URL mgid html isi dengan file html yang harus anda buat seperti di langkah kedua.

Selanjutnya letakkan iframe iklan MGID sesuai yang anda inginkan seperti dalam artikel atau dalam susunan HTML Template AMP anda, namun pastikan bahwa dalam template AMP sudah terpasang Tag Meta AMP iframe. untuk hasilnya lihat di artikel ini.

Selamat mencoba.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar