Cara Membuat Unit Iklan Adsense Pada Template AMP

Membuat unit iklan adsense di template AMP sangat berbeda dengan membuat unit iklan adsense di template non AMP, karena HTML pada pada template non AMP tidak bisa semua bekerja dengan di template AMP, HTML AMP menurut saya lebih sederhana, tidak seperti template non AMP, untuk itu saya ingin membahas bagaimana caranya membuat dan menempatkan iklan adsense di template AMP.
Laman AMP ditulis dalam HTML AMP, yang mirip dengan HTML standar dengan beberapa pembatasan demi kinerja yang andal dan beberapa ekstensi untuk membangun konten yang lebih kaya dari HTML biasa. Ini artinya unit iklan AMP membutuhkan tag iklan yang berbeda dari tag AdSense biasa.

Langkah-langkahnya adalah sebagai berikut

1. Membuat unit iklan responsif di template AMP
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
 style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Simpan data-ad client dan data ad-slot anda.
Pastikan template AMP anda sudah terdapat script untuk menempatkan iklan seperti kode berikut.
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
Misalnya anda ingin menempatkan iklan di widget atas atau sidebar, untuk wigdet atas tetapkan lebar 100 px agar sesuai dengan template anda, dan tetapkan layout iklan responsif agar optimal di perangkat mobile, contohnya seperti script berikut.
<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxx">
</amp-ad>
ganti dengan data-ad-client dan data-ad-slot dengan data anda.

Ujicoba di beberapa tampilan, baik itu dekstop maupun mobile, agar sesuai dengan template anda.
Selamat mencoba.

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser