Cara membuat amp-ad

5/10/2017 03:37:00 AM


amp-ad


Cara menampilkan iklan dalam file HTML AMP.

Langkah Pertama

Masukan code dibawah ini setelah <head>

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

Penggunaan Dasar

amp-ad membutuhkan nilai lebar dan tinggi. Pilih jaringan iklan melalui argumen jenis.

Contohnya







<amp-ad width="300"
  height="250"
  type="a9"
  data-aax_size="300x250"
  data-aax_pubname="test123"
  data-aax_src="302">
</amp-ad>

Cara menggunakan placeholder

Opsional, amp-ad mendukung sebuah elemen placeholder dengan placeholder Jika didukung oleh jaringan iklan, item ini akan ditampilkan sampai iklan tersedia untuk dilihat.

Contohnya




  



Placeholder here!!!
  



<amp-ad width="300"
  height="200"
  type="doubleclick"
  data-slot="/4119129/doesnt-exist">
  <div placeholder>
    <b>Placeholder here!!!</b>
  </div>
</amp-ad>

Penggunaan alternatif

amp-ad didukung oleh elemen anak dengan atribut fallback. Jika didukung oleh jaringan iklan, item ini akan ditampilkan jika tidak ada iklan yang tersedia untuk slot ini.

Contohnya




  



Thank you for trying AMP!

You got lucky! We have no ad to show to you!



<amp-ad width="300"
  height="200"
  type="doubleclick"
  data-slot="/4119129/doesnt-exist">
  <div fallback>
    <p>Thank you for trying AMP!</p>
    <p>You got lucky! We have no ad to show to you!</p>
  </div>
</amp-ad>

Untuk contoh iklan yang lebih banyak, lihat Halaman uji iklan DFP.




Tags:



You Might Also Like

Comments: