Membuat Unit Iklan Adsense Valid AMP

Kita tahu bahwa penggunaan template AMP (Accelerated Mobile Page) memiliki aturan khusus dalam penulisan program javascript. Script JS tersebut yang saya maksudkan adalah mengenai kode iklan untuk situs blog atau web adsense. Sehingga bagi anda yang sedang dalam masa review (peninjauan) tahap kedua pengajuan situs adsense sedikit terhambat karena error atau invalid dan iklan belum bisa muncul.

Selain menghambat proses submit postingan yang baru dipublikasikan juga akan menyertakan error index pada search console yang sedang Anda kelola.
Ada banyak kode yang disarankan oleh pengguna master pada forum-forum AMP mengenai kode yang valid, salah satunya GitHub ataupun project AMP.
Untuk mengaktifkan kode adsense, tambahkan JS berikut dibawah pembuka <head> atau diatas tag penutup </head>.

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

1. Contoh kode untuk adsense valid AMP

<amp-ad width="100vw" height=320
      type="adsense"
      data-ad-client="ca-pub-2005682797531342"
      data-ad-slot="7046626912"
      data-auto-format="rspv"
      data-full-width>
    <div overflow></div>
</amp-ad>

2. Cara mendapatkan kode adsense

Karena pada tahap review ini biasanya anda belum bisa mengakses dasboard Adsense bahkan pada menu iklan masih belum muncul, maka buatlah unit iklan adsense melalui dashboard blogger menggunakan widget. Kemudian sesuaikan ukuran berdasarkan lokasi diatas maupun dibawah postingan, atau sidebar kemudian save saja.
Pada tampilan peramban chrome, pencet tombol f12 pada keyboard komputer Anda untuk melakukan inspect element pada area yang terpasang kode iklan. Dengan demikian script default sudah kita dapatkan dan tinggal menyesuaikan kode tersebut sesuai contoh berikut

<amp-ad width=970 height=250
      type="adsense"
      data-ad-client="ca-pub-7789902998574048"
      data-ad-host = "ca-host-pub-1556223355139109"
      data-ad-slot="2763268676"
      data-ad-host-channel="L0004">
</amp-ad>

Buat widget baru dengan html dan copy kode yang didapatkan serta pastekan sesuai contoh diatas, kemudian hapuslah widget adsense sebelumnya agar tidak menjadi double.
Semoga bermanfaat, jika belum bisa silahkan tanyakan pada komentar.

Jadi Tutor

Beragam informasi seputar teknologi dan gadget dikemas dari berbagai sumber dan pengalaman dalam bentuk tutorial

Membuat Unit Iklan Adsense Valid AMP

1. Contoh kode untuk adsense valid AMP

2. Cara mendapatkan kode adsense

ARTIKEL TERKAIT