Setelah mengintegrasikan library Tag Google Publisher (GPT) ke situs dan memahami praktik terbaik umum kami, Anda siap untuk mulai menerbitkan permintaan iklan. Di bawah ini kita akan membahas beberapa praktik terbaik tambahan yang harus Anda perhatikan saat mengonfigurasi dan bekerja dengan slot iklan, untuk memaksimalkan ruang iklan Anda 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 yang tidak terlihat hingga di-scroll hingga terlihat (paruh bawah), dalam hal visibilitas dan monetisasi. Dengan mempertimbangkan hal ini, Anda harus mempertimbangkan dengan cermat urgensi relatif dari setiap slot iklan di halaman Anda dan memprioritaskan pemuatan slot yang paling penting secepat mungkin.
Muat iklan paruh atas lebih awal
Iklan yang akan terlihat segera setelah halaman dimuat harus diberi prioritas
tertinggi. Sebaiknya Anda menentukan slot ini dalam <head> dokumen Anda, dan memintanya sesegera mungkin dalam proses pemuatan halaman. Hal ini
membantu memastikan bahwa iklan tersebut dimuat lebih awal (memaksimalkan visibilitas) dan
iklan tidak akan memperlambat pemuatan halaman awal secara tidak perlu.
Memuat iklan paruh bawah dengan lambat
Untuk iklan yang perlu di-scroll hingga terlihat, pengambilan dan rendering harus ditunda hingga slot mendekati area pandang. Proses ini 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 mempertahankan resource browser yang terbatas, yang sangat penting dalam lingkungan seluler dengan bandwidth dan CPU yang sering kali dibatasi.
Muat ulang iklan tanpa memuat ulang halaman
Ada banyak skenario yang optimal atau bahkan diperlukan untuk mengganti konten iklan slot saat ini. Dalam kasus ini, sebaiknya gunakan fungsi refresh library GPT untuk melakukannya secara dinamis. Hal ini menghindari pemuatan ulang halaman penuh dan memungkinkan Anda mengontrol secara akurat kondisi saat slot atau grup slot diperbarui.
Saat memperbarui slot iklan, penting bagi Anda untuk memahami dan mematuhi
praktik terbaik refresh().
Memperbarui iklan dengan tidak tepat dapat menyebabkan masalah performa dan berdampak negatif pada rasio visibilitas.
Targetkan iklan secara efektif
Saat mengonfigurasi penargetan nilai kunci, pertimbangkan dengan cermat apakah akan menggunakan penargetan tingkat slot atau tingkat 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 dalam semua slot.
Perhatikan bahwa penargetan tingkat slot dan tingkat halaman dapat digunakan sekaligus, seperti yang terlihat dalam contoh penargetan yang ditetapkan. Sebaiknya Anda mengonfigurasi penargetan di tingkat halaman terlebih dahulu, lalu menerapkan penggantian tingkat slot hanya jika diperlukan. Pendekatan ini tidak hanya membuat penggunaan GPT API efisien, tetapi juga menyederhanakan kode dan membantu mempertahankan model mental yang jelas dari semua penargetan yang dikonfigurasi di halaman.
Gunakan Arsitektur Permintaan Tunggal dengan benar
Arsitektur Permintaan Tunggal (SRA) adalah mode permintaan GPT yang menggabungkan permintaan untuk beberapa slot iklan ke dalam satu permintaan iklan. Tindakan ini memastikan bahwa pengecualian kompetitif dan iklan roadblock yang dikonfigurasi untuk halaman Anda akan dipatuhi. Oleh karena itu, jika halaman Anda memanfaatkannya, sebaiknya aktifkan SRA dan pahami cara menggunakannya dengan benar.
Dalam konfigurasi default-nya, SRA akan meminta semua slot iklan yang ditentukan di halaman Anda saat pertama kali 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 berada di paruh bawah
tidak akan 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 async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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 async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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, jangan hanya mempertimbangkan iklan dengan ukuran maksimum yang dapat ditayangkan, tetapi juga ukuran yang lebih kecil yang dapat dimasukkan dengan nyaman ke dalam ruang yang sama. Secara umumnya, semakin banyak ukuran yang Anda tentukan saat menentukan slot, semakin banyak iklan yang memenuhi syarat untuk ditayangkan ke slot tersebut. Ini dapat diterjemahkan ke dalam rasio pengisian yang lebih tinggi dan peningkatan pendapatan.