Skip to main content

follow us


Bloggerntt.com - Tutorial Lengkap Cara Memasang Iklan AdSense amp-ad di AMP Blogger, Untuk memasang iklan di template amp blogger, kita harus menggunakan komponen amp-ad, yang dimana fungsi komponen ini untuk mengkonfigurasikan iklan dalam beberapa cara seperti misalnya saja ukuran iklan mulai dari panjang, lebar, tata letak dan strategi pemuatan iklan.

Baca juga :

  1. Cara Mendapatkan Matched Content Dari Google Adsense untuk Blogger
  2. Daftar HPK (High Paying Keywords) Google Adsense Indonesia 2019 Terbaru
  3. Cara Melindungi Konten Blog dengan Widget DMCA Badge di Blogger AMP HTML
  4. Alternatif AdSense 2019, 3 Situs Penyedia Iklan Terbaik Untuk Blog Valid AMP Template
  5. Update Template VioMagz 3.1 Premium Template Blogspot Gratis Mas Sugeng


Lantas bagaimana cara pasang iklan adsense di halaman amp html atau template amp blogger? Berikut ini adalah langkah-langkah cara membuat iklan di template amp.

Tutorial Lengkap Cara Memasang Iklan AdSense amp-ad di AMP Blogger

  •  Pastikan sudah memasang komponen amp-ad di bawah ini, sebelum kode </head> pada template AMP Blogger anda. Jika sudah, lewati langkah ini.
<script async='async' custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
  • Berikut ini beberapa contoh kode iklan adsense pada amp blog :

1. Iklan Fixed-Height Amp-ad

 Contoh kode iklan fixed-height amp-ad seperti  contoh di bawah ini:

 <amp ad layout='fixed-height'
  data-ad-client="ca-pub-xxxxxxxxxxxxxx"
  data-ad-slot="xxxxxxx"
  height='250'>
</amp-ad> 

2. Iklan Fixed Amp-ad

 Contoh kode iklan fixed-Amp-ad seperti  contoh di bawah ini:

<amp ad layout='fixed'
  data-ad-client="ca-pub-xxxxxxxxxxxxxx"
  data-ad-slot="xxxxxx"
  height='280' width='336'>
</amp-ad> 

3. Responsive

Contoh kode iklan responsive amp-ad untuk Adsense:

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

 Keterangan :
  1. Untuk kode yang saya mark Kuning, ganti dengan kode data iklan adsense Anda.
  2. Untuk Kode yang saya mark Hijau, Anda bisa mengaturnya sesuai ukuran yang diinginkan. Atau tidak perlu diseting.
Sebenarnya masih ada beberapa style dan type iklan AdSense yang bisa Anda terapkan pada AMP Blogger Template. Antara lain amp auto ads, parallax style, iklan sticky ad, dan lainnya. Akan saya bahas pada pertemuan berikutnya.

Sampai disini Tutorial Lengkap Cara Memasang Iklan AdSense amp-ad di AMP Blogger, semoga bermamfaat sob.

Keyword : Tutorial Lengkap Cara Memasang Iklan AdSense amp-ad di AMP Blogger,cara pasang iklan adsense di amp,memasang adsense di amp,cara memasang iklan adsense di blog amp,cara menampilkan adsense di amp,adsense untuk amp html,amp ad responsive

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar