Panduan ini menunjukkan cara membuat unit iklan yang kompatibel dengan AMP untuk menampilkan iklan AdSense pada halaman AMP Anda.
Unit iklan AMP AdSense dapat berupa iklan responsif atau berukuran tetap. Sebaiknya gunakan unit iklan AMP responsif. Berikut ini alasannya:
Unit iklan AMP responsif mengubah ukurannya secara otomatis untuk perangkat yang menampilkannya dan menggunakan lebar maksimal pada layar pengguna.
Google mengoptimalkan dimensi iklan untuk memastikannya berperforma baik di halaman Anda.
Semua fitur AdSense (misalnya, Izin iklan, Saldo iklan, Laporan performa, dll.) mendukung iklan AMP.
Sebelum memulai
Pastikan Anda telah menambahkan skrip AMP yang diperlukan ke halaman yang diinginkan untuk menampilkan iklan AMP.
Untuk menambahkan skrip, copy-paste kode berikut di antara tag <head></head> pada HTML AMP Anda.
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
Skrip ini memuat library amp-ad yang diperlukan, namun tidak menyebabkan iklan muncul di halaman AMP dengan sendirinya. Untuk menampilkan iklan, Anda juga perlu menambahkan kode iklan yang kompatibel dengan AMP. Anda dapat membaca selengkapnya tentang komponen amp-ad di sini: https://www.ampproject.org/docs/reference/components/amp-ad
Membuat unit iklan responsif yang kompatibel dengan AMP
Membuat unit iklan AMP yang responsif saat ini menggunakan proses manual dan memerlukan langkah-langkah sebagai berikut:
Buat unit iklan responsif baru di akun AdSense.
Dalam kode iklan pada unit iklan responsif yang Anda buat di langkah 1, temukan dan catat informasi berikut:
ID penayang (data-ad-client), misalnya, ca-pub-1234567891234567.
ID unit iklan (data-ad-slot), misalnya, 1234567890.
Lihat contoh
Buat kode iklan AMP
Salin kode iklan berikut dan ganti nilai data-ad-client dan data-ad-slot dengan nilai Anda sendiri dari langkah 2.
<amp-ad width="100vw" height=320
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890"
data-auto-format="rspv"
data-full-width>
<div overflow></div>
</amp-ad>
Kami sangat menyarankan agar Anda tidak mengubah bagian lain dari kode iklan di atas karena dapat menyebabkan kode iklan berhenti berfungsi.
Tempelkan kode iklan AMP ke dalam kode sumber HTML pada halaman seluler tempat Anda ingin menampilkan iklan. Perhatikan bahwa paruh atas dan paruh bawah merupakan penempatan iklan yang dapat diterima. Jangan lupa bahwa kebijakan program AdSense masih berlaku untuk halaman yang berisi unit iklan AMP.
Pastikan Anda tidak menempatkan kode iklan di dalam penampung induk (<div>, <iframe>, etc.) dengan tinggi tetap atau terbatas atau ukuran iklan Anda dapat berubah dan merusak tata letak halaman.
(Opsional) Setelah menempatkan kode iklan AMP, sebaiknya uji iklan di berbagai perangkat seluler untuk memastikan perilaku responsif berfungsi dengan baik.
Saat melihat iklan di halaman AMP Anda sendiri, mungkin akan terjadi penundaan sebelum iklan mulai ditampilkan karena AMP memprioritaskan konten. Pelajari lebih lanjut tentang cara halaman AMP di-cache.
Kasus penggunaan lanjutan: iklan AMP berukuran tetap, penyesuaian gaya iklan AMP, dll.
Untuk memberikan lebar atau tinggi yang tetap pada unit iklan AMP, ikuti petunjuk berikut tentang cara mengubah kode iklan AMP responsif.
Untuk kasus penggunaan lanjutan lainnya, Anda dapat menentukan gaya elemen iklan AMP seperti elemen AMP lainnya. Pelajari lebih lanjut tentang berbagai cara untuk mengatur tata letak.
Posting Komentar