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

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

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


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.

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
Blogger
Disqus
Pilih Sistem Komentar

No comments

۝ Peraturan dalam berkomentar :

☛ UpsS,. Budayakan berkomentar sesudah membaca artikel sob.
☛ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
☛ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
☛ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
☛ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
☛ Saya PASTI akan berkunjung balik ke blog Sobat yang sudah mau berkomentar di sini.

Copyright © 2018 - Blogger NTT® Bloggerntt.com✓

Advertiser