Berintegrasi dengan AMP untuk menyajikan iklan spanduk

Panduan ini diperuntukkan bagi jaringan iklan yang ingin berintegrasi dengan AMP untuk menyajikan tayangan iklan spanduk (display) ke halaman AMP.

Gambaran Umum

Sebagai penyaji iklan, Anda dapat berintegrasi dengan AMP untuk menayangkan iklan HTML biasa ke halaman AMP, serta menayangkan iklan AMPHTML.

Ingin menayangkan iklan HTML biasa?

amp-ad

Ingin menayangkan iklan HTML AMP?

amp-ad (cth.: jika Anda belum membuat untuk menayangkan iklan HTML biasa).
Buat integrasi Fast Fetch untuk menayangkan iklan AMPHTML.

Membuat implementasi `amp-ad`

Sebagai penyaji iklan, penayang yang Anda dukung menyertakan perpustakaan JavaScript yang Anda sediakan dan menempatkan berbagai "cuplikan iklan" yang mengandalkan perpustakaan JavaScript untuk mengambil iklan dan merendernya di situs web penayang. Karena AMP tidak mengizinkan penayang untuk menjalankan JavaScript sesuka hati, Anda harus ikut menyumbangkan kode sumber terbuka AMP untuk mengizinkan tag amp-ad meminta iklan dari penyaji iklan Anda.

Anda dapat menggunakan implementasi amp-ad ini untuk menampilkan iklan HTML biasa dan iklan HTML AMP.

Sebagai contoh, server Amazon A9 dapat dijalankan dengan menggunakan sintaksis berikut ini:

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

Dalam kode di atas, atribut type menentukan jaringan iklan, dalam hal ini A9. Atribut data-* bergantung pada parameter yang diharapkan oleh server Amazon A9 untuk menayangkan iklan. Berkas a9.js menunjukkan bagaimana parameter dipetakan untuk membuat panggilan JavaScript ke URL server A9. Parameter terkait yang diteruskan oleh tag amp-ad ditambahkan ke akhir URL untuk menampilkan iklan.

Untuk mempelajari cara membuat integrasi amp-ad, lihat Mengintegrasikan jaringan iklan ke dalam AMP.

Membuat integrasi Fast Fetch

Fast Fetch adalah mekanisme AMP yang memisahkan permintaan iklan dari respons iklan, sehingga permintaan iklan dapat muncul lebih awal dalam siklus proses halaman, dan hanya merender iklan yang kemungkinan akan dilihat oleh pengguna. Fast Fetch memberikan perlakuan khusus untuk iklan HTML AMP yang terverifikasi, dibandingkan untuk iklan HTML biasa. Dalam Fast Fetch, jika gagal dalam validasi, iklan akan digabungkan dalam iframe lintas domain untuk membatasi aksesnya dari elemen lain dalam dokumen AMP. Sebaliknya, iklan HTML AMP yang lolos validasi langsung ditulis ke halaman. Fast Fetch menangani iklan AMP dan non-AMP; tidak ada permintaan iklan tambahan yang dibutuhkan untuk iklan yang gagal validasi.

Alur Integrasi Fast Fetch

Untuk menampilkan iklan HTML AMP dari server iklan, Anda harus memberikan integrasi Fast Fetch, antara lain:

Mendukung komunikasi jaringan SSL.
Menyediakan JavaScript untuk membuat permintaan iklan (contoh implementasi: AdSense & DoubleClick).
Memvalidasi dan menandatangani materi iklan melalui layanan validasi. Cloudflare menyediakan layanan verifikasi iklan AMP, sehingga penyedia iklan independen dapat menayangkan iklan yang lebih cepat, ringan, dan menarik.

Untuk mempelajari cara membuat integrasi Fast Fetch, lihat Panduan Implementasi Jaringan Fast Fetch.