Setelah mengintegrasikan library Tag Google Publisher (GPT) ke dalam situs dan memahami praktik terbaik umum kami, Anda siap untuk mulai membuat permintaan iklan. Di bawah ini, kami akan membahas beberapa praktik terbaik tambahan yang harus Anda perhatikan saat mengonfigurasi dan menggunakan slot iklan, untuk memaksimalkan ruang iklan dengan dampak performa minimal.
Memprioritaskan slot iklan "penting"
Tidak semua slot iklan dibuat sama. Misalnya, slot yang terlihat segera setelah halaman dimuat (paruh atas) biasanya lebih "penting" daripada slot yang tidak terlihat hingga di-scroll ke dalam tampilan (paruh bawah), dalam hal visibilitas dan monetisasi. Dengan mempertimbangkan hal ini, sebaiknya Anda mempertimbangkan dengan cermat tingkat kepentingan relatif setiap slot iklan di halaman dan memprioritaskan pemuatan slot yang paling penting secepat mungkin.
Memuat iklan paruh atas lebih awal
Iklan yang akan terlihat segera setelah halaman dimuat harus diberi prioritas
tertinggi. Sebaiknya tentukan slot ini di <head> dokumen, dan minta sedini mungkin dalam proses pemuatan halaman. Hal ini
membantu memastikan bahwa iklan ini dimuat lebih awal (memaksimalkan visibilitas) dan
tidak akan memperlambat pemuatan halaman awal secara tidak perlu.
Memuat iklan paruh bawah secara lambat
Untuk iklan yang perlu di-scroll agar terlihat, pengambilan dan rendering harus ditunda hingga slot hampir memasuki area pandang. Ini adalah proses yang dikenal sebagai pemuatan lambat. Pemuatan lambat secara terpisah memprioritaskan permintaan dan rendering konten materi iklan untuk slot yang paling mungkin dilihat. Hal ini membantu mengoptimalkan performa pemuatan halaman dengan menghemat resource browser yang terbatas, yang sangat penting di lingkungan seluler tempat bandwidth dan CPU sering kali sangat dibatasi.
Memuat ulang iklan tanpa memuat ulang halaman
Ada banyak skenario yang optimal atau bahkan perlu untuk mengganti konten iklan saat ini dari slot. Dalam kasus ini, sebaiknya gunakan fungsi refresh library GPT untuk melakukannya secara dinamis. Tindakan ini menghindari pembaruan halaman penuh dan memungkinkan Anda mengontrol kondisi yang digunakan untuk mengupdate slot atau grup slot secara akurat.
Saat memuat ulang slot iklan, Anda harus memahami dan mematuhi
praktik terbaik refresh().
Memuat ulang iklan secara tidak tepat dapat menyebabkan masalah performa dan berdampak negatif
pada rasio visibilitas.
Menargetkan iklan secara efektif
Saat mengonfigurasi penargetan nilai kunci, pertimbangkan dengan cermat
apakah akan menggunakan penargetan tingkat slot atau halaman. Untuk nilai kunci yang dibagikan
di antara beberapa slot, sebaiknya gunakan penargetan tingkat halaman melalui
metode setTargeting() PubAdsService. Penargetan tingkat
slot hanya boleh digunakan untuk mendaftarkan nilai kunci yang berbeda atau tidak
disertakan di semua slot.
Perhatikan bahwa penargetan tingkat slot dan halaman dapat digunakan sekaligus, seperti yang terlihat dalam contoh penargetan yang ditetapkan. Sebaiknya konfigurasi penargetan di tingkat halaman terlebih dahulu, lalu terapkan penggantian tingkat slot hanya jika diperlukan. Pendekatan ini tidak hanya menggunakan GPT API secara efisien, tetapi juga menyederhanakan kode dan membantu mempertahankan model mental yang jelas dari semua penargetan yang dikonfigurasi di halaman.
Menggunakan Arsitektur Permintaan Tunggal dengan benar
Arsitektur Permintaan Tunggal (SRA) adalah mode permintaan GPT yang menggabungkan permintaan untuk beberapa slot iklan menjadi satu permintaan iklan. Hal ini memastikan bahwa pengecualian kompetitif dan penghalang yang dikonfigurasi untuk halaman Anda akan diberlakukan. Oleh karena itu, jika halaman Anda menggunakan fitur ini, sebaiknya aktifkan SRA dan pahami cara menggunakannya dengan benar.
Dalam konfigurasi defaultnya, SRA akan meminta semua slot iklan yang ditentukan di halaman Anda saat pertama kali Anda memanggil display() (atau refresh(), jika pemuatan awal dinonaktifkan). Oleh karena itu,
sebaiknya tentukan semua slot iklan halaman di <head>
dokumen, sebelum melakukan panggilan pertama ke display().
Pemuatan lambat dapat digunakan bersama dengan pendekatan
ini untuk memastikan slot yang terletak di bawah lipatan
tidak langsung dimuat.
Saat menggunakan SRA, penting untuk mengonfigurasi semua slot iklan sepenuhnya (misalnya,
menetapkan penargetan, pengecualian kategori, dll.) sebelum melakukan panggilan pertama ke
display(). Hanya nilai yang dikonfigurasi sebelum titik ini yang akan disertakan dalam
permintaan SRA awal.
Salah — konfigurasi slot iklan tidak disertakan dalam permintaan SRA
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Benar — konfigurasi slot iklan disertakan dalam permintaan SRA
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
Mengoptimalkan ukuran iklan
Saat menentukan slot iklan, pertimbangkan tidak hanya iklan ukuran maksimum yang dapat ditayangkan, tetapi juga ukuran yang lebih kecil yang dapat muat dengan nyaman di ruang yang sama. Secara umum, semakin banyak ukuran yang Anda tentukan saat menentukan slot, semakin banyak iklan yang akan memenuhi syarat untuk ditayangkan ke slot tersebut. Hal ini dapat menghasilkan rasio pengisian yang lebih tinggi dan peningkatan pendapatan.