Menampilkan iklan anchor

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

Melihat 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 memerlukan perubahan kode. Hal ini sangat berguna untuk memvalidasi dengan cepat tampilan dan perilaku anchor di berbagai perangkat dan di lingkungan operasi yang berbeda.

Catatan penggunaan

  • Untuk memastikan pengalaman pengguna yang optimal, iklan anchor hanya diminta di halaman yang mendukung format dengan benar. Oleh karena itu, defineOutOfPageSlot() dapat 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 berada dalam orientasi potret dengan lebar antara 320px dan 1000px.

  • Hanya minta iklan anchor di halaman/lingkungan tempat Anda ingin anchor ditampilkan. Iklan anchor memenuhi syarat untuk ditayangkan ke desktop, tablet, dan perangkat 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 menyisipkan penampung sendiri ke dalam halaman saat iklan terisi. Penampung ini dapat tumpang-tindih atau menutupi elemen lain menggunakan pemosisian absolut atau tetap, jadi sebaiknya hindari menempatkan elemen tersebut di area tempat anchor dimaksudkan untuk muncul.

  • Jika menggunakan arsitektur permintaan tunggal (SRA) di halaman dengan 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> standar, slot iklan statis memerlukannya. Memanggil display() sebelum elemen ini ada di halaman dapat mengakibatkan 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 belum di-scroll ke tampilan, 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 penerapan

Melihat demo

JavaScript

Memuat...

TypeScript

Memuat...