Memasang Iklan di Halaman AMP HTML

Memasang Iklan di Halaman AMP HTML

Memasang Iklan di Halaman AMP HTML

AMP HTML dirancang agar halaman web/blog dapat diakses melalui perangkat mobile dengan lebih baik serta lebih cepat demi meningkatkan pengalaman pengguna yang lebih baik.
Memasang Iklan di Halaman AMP HTML

Tim pengembang AMP telah merancang suatu solusi untuk iklim periklanan yang mencakup empat hal pokok yaitu:
  1. Faster is better - tidak ada alasan teknis mengapa iklan di halaman AMP tidak berjalan dengan cepat
  2. Beautiful matters - Memastikan iklan di halaman AMP terlihat indah dan relevan
  3. Security is must - Mengharuskan semua materi iklan untuk memanfaatkan protokol HTTPS.
  4. We're better together - AMP tidak hanya tentang mendukung entitas iklan tunggal, tetapi seluruh industri. Sukses membutuhkan partisipasi yang luas.
Iklan di AMP disajikan menggunakan komponen amp-ad. Dengan komponen ini dapat mengkonfigurasi iklan dalam beberapa cara seperti ukuran lebar, panjang, modus tata letak dan strategi pemuatan iklan. Tim pengembang AMP telah menciptakan suatu solusi agar iklan dapat dimuat dari berbagai industri jaringan iklan berbeda, untuk memberi lebih banyak pilihan jenis iklan diantaranya jenis iklan DoubleClick, Rubicon dan tentunya untuk Google Adsense.

Berikut contoh implementasi iklan responsif DoubleClick di AMP:

<amp-ad
  width="414"
  height="457"
  layout=”responsive”
  type="doubleclick"
  data-slot="/35096353/amptesting/image/flex">
</amp-ad>

Atribut type berfungsi memberitahu komponen amp-ad tentang platform iklan yang digunakan. Dalam hal ini tipe iklan yang digunakan adalah iklan doubleclick.

Atribut data- untuk menspesifikasi platform iklan, termasuk atribut data-slot dalam contoh di atas. AMP HTML menyediakan atribut berbeda untuk setiap platfom iklan. Contohnya, untuk platform iklan Rubicon sebagai berikut:

<amp-ad width=320 height=50
    type="rubicon"
    data-method="smartTag"
    data-account="14062"
    data-site="70608"
    data-zone="335918"
    data-size="43">
</amp-ad>

Sedangkan untuk memasag iklan Google Adsense di halaman AMP dapat dilihat dalam contoh berikut ini:

<amp-ad 
 data-ad-client='ca-pub-xxx' 
 data-ad-slot='xxx' 
 height='90' 
 layout='responsive' 
 type='adsense' 
 width='728'>
 </amp-ad>

Beli pulsa, paket data, voucher Pln, Bayar tagihan sekarang lebih mudah dan nyaman, mau? Klik Disini!

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Blogger
Disqus
Pilih Sistem Komentar Yang Disukai

2 Comments Add Comment

Sekarang lagi jamannya tema AMP ya :D nice mau nyoba juga ah

Balas
Add Comment

Berkomentarlah dengan baik, Kepribadian anda tercemin saat berkomentar.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like CIDOSHARE? Keep us running by whitelisting CIDOSHARE in your ad blocker.

This is how to whitelisting CIDOSHARE in your ad blocker.

Thank you!

×
×
×