5/04/2017

Cara Membuat dan menambahkan Iklan amp-ad di AMP Html


amp-ad


Cara menampilkan iklan di file HTML AMP.

Agregar

Impor komponen amp-ad tepat setelah pembukaan <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>

Penggunaan placeholder

Opsional, amp-ad mendukung suatu elemen placeholder dengan placeholder. Jika didukung oleh jaringan iklan, item ini ditampilkan hingga 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>

Uso de alternativas

amp-ad kompatibel dengan elemen anak dengan atribut fallback. Jika didukung oleh jaringan iklan, item ini 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 lebih banyak sampel iklan, lihat Halaman pengujian iklan DFP. DFP.





Share:

Related post

You Might Also Like:

Disqus comments:


Facebook comments: