Cara Memasang Kode Unit Iklan AdSense Pada Template Valid AMP

Memasang Kode Adsense Pada Blog AMP

Cara Memasang Kode Unit Iklan AdSense Pada Template Valid AMP - Hai sobat ATAEH, kali ini ATAEH akan membahas tentang Cara Memasang Kode Unit Iklan AdSense Pada Template Valid AMP. Untuk sobat yang menggunakan template AMP penting sekali untuk mengetahui cara peletakan iklan adsense pada template yang valid AMP, karena peletakan kode unit iklan adsense pada template AMP sangat berbeda sekali dengan template non AMP.

Bagi sobat yang belum mengetahui apa itu template valid AMP dan template non AMP silakan baca terlebih dahulu artikel di bawah ini

Perbedaan Blog Valid AMP dan Blog Non AMP.

Kenapa @ataeh menyuruh baca konten di mengenai Perbedaan blog Valid AMP dan Blog Non-AMP, Supaya sobat tau Kelebihan dan kekurangan template Valid AMP.

jadi intinya begini sob, dalam memasang iklan adsense pada template valid AMP itu berbeda dengan template yang non AMP, untuk iklan adsense yang valid AMP agak sedikit rumit mungkin itu semua dirasakan oleh para blogger pemula yang baru berpindah dari template non AMP ke template valid AMP. Mungkin itu awalnya sob, mungkin lama-lama akan terbiasa dan mudah

Oke kita langsung saja saja sob ke inti pembahasan mengenai cara memasang kode unit iklan adsense pada template valid AMP.
Sobat lihat kode iklan di bawah ini


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-123456789098765432"
data-ad-slot="12345678909"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Yang ATAEH tandai warna biru itu adalah id client dan id slot Adsense yang nanti sobat butuhkan untuk sobat masukkan pada amp-ad. Di atas hanyalah sebagai contoh saja, sobat bisa menemukan id client dan id slot sobat di dasbor Adsense sobat.

Lalu bagaimana selanjutnya, mari kita lanjutkan penjelasannya

Untuk bisa menampilkan iklan adsense pada template valid AMP, Letakkan kode di bawah, tepatnya diantara <head> dan </head> atau diantara <head> dan</head>
biasanya para mastah meletakkan kode AMP Auto Ads Ini tepat di atas </head> atau </head>
Ini adalah kode script khusus untuk iklan AMP.
Kode:

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

1. AMP Auto Ads

* Setelah sobat meletakkan Kode utama untuk menampilkan iklan pada template valid AMP, maka langkah selanjutnya adalah letakkan Kode unit AMP Auto Ads di bawah ini tepat di bawah tag pembuka <body> atau <body itemscope='itemscope' itemtype='http://schema.org/WebPage'>

Kode unit khusus untuk iklan auto ads valid AMP, sobat ganti teks biru di bawah dengan id client unit Adsense sobat. Kode:

<amp-auto-ads
      type="adsense"
      data-ad-client="ca-pub-xxxxxxx">
</amp-auto-ads>

Untuk Auto Ads, iklan bisa muncul dimana saja, kadang di di bawah, di atas, atau di samping. kadang juga berbentuk anchor.

2. AMP Responsive Ads

* Letakkan kode berikut pada posisi bagian atas (di atas postingan)atau bagian bawah (di bawah postingan)

Unit Adsense AMP responsive dengan ketetapan tinggi 320px dan lebar responsive, ganti warna biru dengan id klaen dan id slot sobat.
Kode:

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

* Kode di bawah ini sebaiknya sobat letakkan di posisi atas (di atas postingan), hal sesuai dengan yang dianjurkan oleh Google.

Unit Adsense AMP dengan ketetapan tinggi 100px dan lebar responsive, ganti warna biru dengan id klaen dan id slot sobat.
Kode:

<amp-ad
      layout="fixed-height"
      height="100"
      type="adsense"
      data-ad-client="ca-pub-xxxxx"
      data-ad-slot="xxxxx"
</amp-ad>

* Untuk kode yang di bawah ini, sobat letakkan hanya pada posisi bagian bawah postingan

Unit Adsense AMP dengan ketetapan tinggi 250px dan lebar responsive, ganti warna biru dengan id klaen dan id slot sobat.
Kode:

<amp-ad
      layout="fixed-height"
      height="250"
      type="adsense"
      data-ad-client="ca-pub-xxxxx"
      data-ad-slot="xxxxx"
</amp-ad>

3. AMP 300x250 Ads

Untuk Unit dengan ketetapan ukuran 300x250px biasa hanya cocok digunakan pada area sidebar.

Unit Adsense AMP dengan ketetapan lebar 300px dan tinggi 250px, ganti warna biru dengan ad klaen dan ad slot sobat.
Kode:

<amp-ad
      type="adsense"
      width="300"
      height="250"
      layout="responsive"
      data-ad-client="ca-pub-xxxxx"
      data-ad-slot="xxxxx"
</amp-ad>

4. AMP 300x600 Ads

Untuk Unit dengan ketetapan ukuran 300x600px juga cocok digunakan pada area sidebar.

Unit Adsense AMP dengan ketetapan lebar 300px dan tinggi 600px, ganti warna biru dengan ad klaen dan ad slot sobat.
Kode:

<amp-ad
      type="adsense"
      width="300"
      height="600"
      layout="responsive"
      data-ad-client="ca-pub-xxxxx"
      data-ad-slot="xxxxx"
</amp-ad>

Oke sob, ini penting sekali, jadi saya perlu mengingatkan sebanyak dua kali agar sobat tidak teledor atau tidak lupa yaitu Letakkan kode di bawah, tepatnya diantara <head> dan </head> atau diantara <head> dan</head>

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

Bagaimana sobat ATAEH, bisa dipahami? mungkin cukup sekian dulu dari ATAEH tentang Cara Memasang Kode Unit Iklan AdSense Pada Template Valid AMP, apabila ada yang perlu dipertanyakan silakan coba tuliskan permasalahannya di dalam kolom komentar

Viomagz