Memproses iklan anchor di web

Anda dapat memproses iklan anchor yang muncul di bagian atas atau bawah halaman web Anda, atau di samping halaman desktop. Iklan ini tetap dapat lihat saat pengguna men-scroll. Iklan anchor memungkinkan Anda meningkatkan monetisasi halaman web, menggunakan format berperforma tinggi yang sesuai dengan Better Ads Standards. Pengguna dapat menutup iklan anchor kapan saja dengan mengklik tanda panah.

Iklan tetap mendukung bidding header melalui elemen kustom dan logika khusus format dalam respons materi iklan. Wrapper bidding header berfungsi memastikan materi iklannya disematkan dengan benar di iFrame yang sama dengan materi iklan shell.

Iklan anchor bagian atas

Iklan anchor bagian atas awalnya tersembunyi untuk memastikan menu di bagian atas halaman tidak tertutup. Iklan anchor akan muncul saat pengguna men-scroll. Untuk memastikan konten tidak tertutup saat pengguna men-scroll ke bagian atas halaman, ruang akan direservasi di bagian paling atas dengan menyetel padding-top agar cocok dengan tinggi slot pada elemen isi. Pastikan CSS di situs Anda menyebabkan ruang direservasi.

Contoh iklan anchor bagian atas di web seluler

Ditolak	Anchor

Contoh iklan anchor bagian atas di desktop

Ditolak

Contoh iklan anchor bagian atas yang tertutup di desktop

Anchor

Contoh iklan anchor bagian atas yang terbuka di desktop

Iklan anchor bagian bawah

Iklan anchor bagian bawah muncul setelah iklan diambil. Untuk memastikan konten tidak tertutup saat pengguna men-scroll ke bagian bawah halaman, ruang akan direservasi di bagian paling bawah dengan menyetel padding-bottom yang cocok dengan tinggi slot pada elemen isi. Pastikan CSS di situs Anda menyebabkan ruang direservasi.

Contoh iklan anchor bagian bawah di web seluler

Ditolak	Anchor

Contoh iklan anchor bagian bawah di desktop

Ditolak

Contoh iklan anchor bagian bawah yang tertutup di desktop

Anchor

Contoh iklan anchor bagian bawah yang terbuka di desktop

Iklan anchor kolom samping

Iklan anchor kolom samping adalah jenis unit iklan yang muncul di sisi halaman desktop, dengan ruang yang biasanya kosong. Iklan akan muncul segera setelah iklan diambil. Ukuran iklan dioptimalkan untuk ruang yang tersedia, tetapi jika anchor kolom samping tidak didukung, iklan tidak akan dirender.

Jika ukuran jendela diubah sehingga menyebabkan iklan tidak pas lagi di ruang kosong, slot disembunyikan untuk sementara hingga ruang kembali tersedia. Slot iklan ditempatkan sedekat mungkin dengan konten utama, berkisar antara 5 piksel hingga 25 piksel.

Contoh iklan anchor kolom samping di desktop

Ditolak

Anchor

Ukuran anchor web

Jenis inventaris	Ukuran
Reservasi tradisional	Ukuran reservasi ini didukung: Web seluler: 320x50, 320x100 Tablet: 728x90 Desktop: 728x90, 980x90, 990x90, 970x90
Permintaan terprogram	Untuk terprogram: Ukuran iklan anchor disesuaikan secara tepat dengan jendelanya. Ukuran materi iklan yang sebenarnya sesuai dengan area tampilan untuk memastikan materi iklan tidak mengganggu pengalaman pengguna.

Jenis inventaris

Ukuran

Reservasi tradisional

Ukuran reservasi ini didukung:

Web seluler: 320x50, 320x100
Tablet: 728x90
Desktop: 728x90, 980x90, 990x90, 970x90

Permintaan terprogram

Untuk terprogram:

Ukuran iklan anchor disesuaikan secara tepat dengan jendelanya.
Ukuran materi iklan yang sebenarnya sesuai dengan area tampilan untuk memastikan materi iklan tidak mengganggu pengalaman pengguna.

Memulai

Untuk mengetahui detail tentang pemberian tag, seperti penargetan perangkat atau cara mengontrol apakah slot anchor dibuat di desktop atau perangkat seluler, buka dokumentasi developer.

Pemberian tag untuk iklan anchor

Tambahkan jenis slot TOP_ANCHOR atau BOTTOM_ANCHOR ke halaman web Anda, idealnya di elemen <head>.
Tampilkan slot iklan seperti menampilkan slot iklan lain.
defineOutOfPageSlot() menampilkan null jika halaman tidak mendukung format tersebut.
Untuk iklan anchor kolom samping:
1. Buat slot GPT baru di elemen <head> halaman web Anda menggunakan: LEFT_SIDE_RAIL atau RIGHT_SIDE_RAIL.
2. Anda dapat melakukan demo iklan kolom samping di halaman apa pun yang menampilkan iklan dengan GPT dengan menambahkan #gamLeftSideRailDemo atau #gamRightSideRailDemo.

Tips pemberian tag

Hanya tambahkan slot anchor jika Anda ingin iklan ditampilkan. Perlu diketahui bahwa iklan anchor tidak terbatas pada perangkat seluler. Jika Anda menayangkan kode yang sama kepada pengguna seluler dan non-seluler, sebaiknya tentukan secara eksplisit waktu dan tempat iklan anchor akan ditampilkan untuk setiap lingkungan. Lihat contoh cara menargetkan menurut perangkat di dokumentasi developer.
Untuk melihat tampilan halaman Anda dengan iklan anchor bagian atas atau bawah, tambahkan parameter hash #gamTopAnchorDemo atau #gamBottomAnchorDemo ke halaman mana pun yang sudah memuat gpt.js.
Anda dapat melakukan demo iklan kolom samping di halaman apa pun yang menampilkan iklan dengan GPT dengan menambahkan #gamLeftSideRailDemo atau #gamRightSideRailDemo.