Memasang Kode Google Adsense di Blogger AMP

Tidak hanya artikel aja yang harus di optimasi pada saat blog menggunakan template AMP HTML akan tetapi iklan adsense juga harus di optimasi agar tida


Tidak hanya artikel aja yang harus di optimasi pada saat blog menggunakan template AMP HTML akan tetapi iklan adsense juga harus di optimasi agar tidak memberatkan load blog. 

Nah kalian bisa menggunakan kode dibawah ini untuk javascript nya, seperti yang kita tau kalau Google Adsense sudah support AMP HTML

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

// tambahkan kode diatas dalam tag <head>

Apabila kalian membuat unit iklan pada Google Adsense maka akan dikasih dua opsi yaitu Non AMP dan AMP, untuk kodenya sendiri bisa kalian lihat seperti yang ada di bawah ini :

<amp-ad width='300' height='250' type='adsense' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx'/>


Untuk ukuran sendiri bisa kalian sesuaikan bisa responsive maka bisa tambahkan kode yang seperti ini. 

Layout yang support diantaranya: fill, fixed, fixed-height, flex-item, nodisplay, responsive


Cara Memasang Auto Ads di Blogger AMP

Sekarang auto ads sudah support Blogger AMP tentu ini adalah kabar gembira bagi publisher, dengan adanya auto ads maka akan bisa menambah pendapatan melaui google adsense ini. 

Auto ads memiliki banyak sekali pilihan format iklan yang bisa digunakan  seperti text, link ads, banner, in-feed ads, in-article ads, anchor ads, matched content dan juga vignette ads.


Menyiapkan Auto Ads untuk AMP


  1. Login ke akun Adsense.
  2. Klik Iklan > Ringkasan.
  3. Klik Sudah memiliki situs AMP?
  4. Di halaman "Dapatkan kode Adsense untuk situs AMP", aktifkan Izinkan Google menempatkan iklan display di situs AMP Anda.
  5. Copy-paste skrip amp-auto-ads antara tag <head>...</head> di halaman Anda.*
  6. Copy-paste kode Auto Ads tepat setelah tag <body> pembuka di blog Anda.*
  7. Klik Selesai. Butuh waktu hingga satu jam untuk menampilkan iklan di halaman blog Anda.


Keterangan:
Skrip pertama yang diletakan diantara tag <head> dan </head>

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

Kode pemanggil auto ads yang diletakan tepat setelah tag <body>

<amp-auto-ads type='adsense' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx'/>

Ganti bagian yang di blok warna dengan ID penayangan Adsense Anda.Semoga bermanfaat.