Cara Memasang Kode Iklan Adnow Di Blog AMP

Sesuai janji saya kemarin di postingan review Adnow yang akan memberikan tutorial cara memasang kode iklan dari Adnow di blog custom AMP HTML. Ternyata memang lebih mudah dan lebih simple kodenya jika kita memakai blog custom AMP HTML. Berbekal tanya-tanya di support ticket, sekitar 4 bulan lalu saya mendapat email yang berisi bahwa kode iklan Adnow sudah support AMP walaupun kode iklan nya masih menggunakan amp-iframe.

Tak ada salahnya kan jika kita bisa menambah penghasilan dari blog kita dengan memasang iklan native dari Adnow yang kata mereka kode iklan ini tidak menggangu Google Adsense kita. Namun disisi lain menurut pengalaman saya kemarin memakai iklan Adnow, kode iklan nya cukup berat dan memerlukan waktu sekitar 5 detik untuk tampil dan sampai saat ini belum bisa diindex oleh Google Bot dengan kata lain jika Anda melakukan fetching di Google Search Console, kode iklan ini akan terblokir oleh robot.txt default.

Nah berikut cara memasangnya :

1. Pertama login dulu ke akun Adnow Anda.
2. Pilih Site yang akan dipasang widget iklannya.
3. Kemudian klik Add Widget.
4. Setting creative element iklannya sesuai dengan tampilan blog Anda

Anda akan mendapat kode seperti contoh dibawah ini :

<div id="SC_TBlock_536473" class="SC_TBlock">loading...</div> 

<script type="text/javascript">

  (sc_adv_out = window.sc_adv_out || []).push({

    id : "536473",

    domain : "n.ads3-adnow.com"

  });

</script>

<script type="text/javascript" src="//st-n.ads3-adnow.com/js/adv_out.js"></script>

Mohon diperhatikan kode yang saya marking, karena kode itu nanti yang dibutuhkan untuk memasang iklan di blog AMP HTML.

Untuk menampilkan di blog AMP HTML Anda, gunakan kode dibawah ini :

<amp-iframe width=300 height=200 sandbox="allow-scripts allow-same-origin" layout="responsive" frameborder="0" src="https://ifrmd.com/?id=536473&domain=n.ads3-adnow.com"></amp-iframe>

Untuk width=300 height=200 silahkan disesuaikan dengan lebar gambar diblog Anda. Dan untuk id dan domain silakan diganti dengan kode yang ada dapatkan di kode iklan Adnow Anda.

Jika Anda ingin memasang kode tersebut di Edit HTML, jangan lupa parse dulu kode tersebut agar tidak menjadi error.

Parse HTML

Dan jangan lupa pasang javascript amp-iframe di blog Anda.

<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'></script>

Agar halaman Anda tetap valid AMP HTML.

Bagaimana ? Mudah kan ?

Silahkan di coba dan terapkan di blog Anda. Jika ada kesulitan boleh ditanyakan di kolom komentar.