Menampilkan iklan anchor

Contoh ini menampilkan iklan anchor menggunakan library Tag Google Publisher (GPT). Pelajari lebih lanjut iklan anchor di pusat bantuan Google Ad Manager.

Pratinjau iklan anchor

Anda dapat menampilkan iklan anchor demo di halaman mana pun yang menampilkan iklan dengan GPT dengan menambahkan #gamTopAnchorDemo atau #gamBottomAnchorDemo ke URL. Contohnya, https://www.example.com/#gamTopAnchorDemo.

Fungsi ini dapat digunakan untuk melihat pratinjau iklan anchor di situs Anda tanpa perlu mengubah kode. Hal ini sangat berguna untuk memvalidasi dengan cepat tampilan dan perilaku anchor di berbagai perangkat dan di berbagai lingkungan operasi.

Catatan penggunaan

  • Untuk memastikan pengalaman pengguna yang optimal, iklan anchor hanya diminta di halaman yang mendukung format dengan benar. Oleh karena itu, defineOutOfPageSlot() mungkin menampilkan null; Anda harus memeriksa kasus ini untuk memastikan Anda tidak melakukan pekerjaan yang tidak perlu. Saat ini, iklan anchor didukung jika kondisi berikut terpenuhi:

    • GPT berjalan di jendela atas.
    • Pada halaman yang dioptimalkan untuk seluler dengan zoom netral; biasanya ini berarti penayang memiliki <meta name="viewport" content="width=device-width, initial-scale=1"> atau yang serupa di <head> halaman.
    • Area pandang dalam orientasi potret dengan lebar antara 320px dan 1000px.

  • Hanya minta iklan anchor di halaman/lingkungan tempat Anda ingin menampilkan anchor. Iklan anchor memenuhi syarat untuk ditayangkan di perangkat desktop, tablet, dan seluler.

  • Iklan anchor membuat penampung iklannya sendiri. Tidak seperti jenis iklan lainnya, Anda tidak perlu menentukan <div> untuk iklan anchor. Iklan anchor secara otomatis membuat dan memasukkan penampungnya sendiri ke halaman saat iklan terisi. Penampung ini dapat tumpang-tindih atau menutupi elemen lain menggunakan penentuan posisi absolut atau tetap, sehingga sebaiknya jangan tempatkan elemen tersebut di area tempat anchor dimaksudkan untuk muncul.

  • Jika menggunakan arsitektur permintaan tunggal (SRA) pada halaman yang memiliki beberapa slot, jangan panggil display() hingga div slot iklan statis dibuat. Seperti yang dijelaskan dalam Praktik Terbaik Iklan, panggilan pertama ke display() meminta setiap slot iklan yang ditentukan sebelum titik tersebut. Meskipun slot iklan anchor tidak memerlukan <div> yang telah ditetapkan sebelumnya, slot iklan statis memerlukannya. Memanggil display() sebelum elemen ini muncul di halaman dapat menghasilkan sinyal kualitas yang lebih rendah, sehingga mengurangi monetisasi. Oleh karena itu, sebaiknya tunda panggilan awal hingga slot statis ditentukan.

  • Hanya iklan anchor yang terlihat yang dapat dimuat ulang. Saat slot iklan anchor diciutkan atau di-scroll hingga terlihat, semua panggilan ke refresh() akan diabaikan. Namun, jika Anda menggunakan disableInitialLoad() untuk mengontrol pemuatan dan pembaruan iklan secara manual, panggilan pertama ke refresh() akan memicu permintaan iklan, terlepas dari visibilitas slot.

Contoh implementasi

Lihat demo