Gunakan Ad Manager untuk memproses materi iklan kustom di Cerita Web, format iklan open source untuk bercerita secara visual. Cerita Web dapat dijalankan di platform seperti Google Penelusuran, atau di properti yang dimiliki dan dioperasikan (O&O) oleh Anda.
Cerita Web mendukung iklan Cerita satu halaman, yang akan memunculkan iklan sebagai satu halaman penuh di antara konten Cerita Web.
Pelajari Cerita Web lebih lanjut:
- Beriklan di Cerita Web
- Buat Cerita Web pertama Anda
- Praktik terbaik untuk membuat iklan Cerita
- Dukungan iklan di Cerita Web
Anda juga dapat mengaktifkan permintaan terprogram untuk Cerita Web.
Mengonfigurasi Cerita Web
Anda tidak dapat menggunakan elemen <amp-ad>
untuk menampilkan iklan satu halaman dalam Cerita Web. Sebagai gantinya, beri tag halaman Anda dengan <amp-story-auto-ads>
.
Memproses materi iklan kustom di Cerita Web
Cerita Web membuat penayang dan pengiklan dapat menggunakan gambar atau video dengan materi iklan kustom di Ad Manager.
- Login ke Google Ad Manager.
- Buat materi iklan kustom, lalu pilih AMP sebagai "Jenis kode".
- Masukkan kode materi iklan di kotak "Kode". Sertakan tag
<meta>
untuk menyisipkan tombol CTA yang akan mengarahkan pengguna ke halaman landing saat diklik.Ekstensi AMP lainnya, sepertiamp-sidebar
atauamp-accordion
, tetap dapat dirender di Cerita Web, tetapi tombol CTA adalah satu-satunya elemen yang dapat diklik.amp-cta-url
: URL halaman landing untuk tombol CTA. Tag anchor tidak didukung; sebagai gantinya, sisipkan nilai menggunakan makro klik (%%CLICK_URL_UNESC%%
) dan makro tujuan (%%DEST_URL%%
).amp-cta-type
: Jenis tombol CTA, yang harus dikonfigurasikan dari kumpulan pilihan yang telah ditetapkan.
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html>
- Pilih 1x1 sebagai ukuran unit iklan target.
- Konfigurasikan detail dan klik Simpan.
Meneruskan atribut tambahan
Untuk meneruskan data tambahan (mis. informasi penargetan) sebagai atribut ke tag <amp-ad>
yang dibuat, baca dokumentasi developer iklan otomatis Cerita Web untuk mempelajari pasangan nilai kunci tambahan untuk objek JSON ad-attributes
.