Setelah Anda mengintegrasikan library Tag Google Publisher (GPT) ke situs Anda dan mengenal praktik terbaik umum, Anda siap untuk mulai mengeluarkan permintaan iklan. Di bawah ini kami akan membahas beberapa praktik terbaik perlu diingat saat mengonfigurasi dan menggunakan slot iklan, untuk mendapatkan hasil ruang iklan Anda dengan dampak performa yang minimal.
Memprioritaskan "penting" slot iklan
Tidak semua slot iklan dibuat sama. Misalnya, slot yang segera dapat dilihat saat halaman dimuat (di paruh atas) biasanya lebih "penting" dari itu yang tidak terlihat sampai di-scroll ke tampilan (di paruh bawah), dalam hal visibilitas, dan monetisasi. Mengingat hal ini, penting bagi Anda pertimbangkan dengan cermat nilai penting relatif setiap slot iklan pada halaman 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 Anda. Sebaiknya Anda menentukan slot ini di <head> elemen
dokumen, dan memintanya sedini mungkin dalam proses pemuatan halaman. Ini
membantu memastikan iklan ini dimuat lebih awal (memaksimalkan visibilitas) dan
bahwa konfigurasi itu tidak akan memperlambat pemuatan halaman awal.
Muat iklan paruh bawah dengan lambat
Untuk iklan yang perlu di-scroll ke tampilan, pengambilan dan rendering harus ditunda hingga slot mendekati memasuki area pandang. Ini adalah proses yang dikenal sebagai pemuatan lambat. Pemuatan lambat secara terpisah memprioritaskan permintaan dan rendering konten kreatif untuk slot yang paling mungkin dilihat. Hal ini akan membantu mengoptimalkan performa pemuatan halaman dengan melestarikan sumber daya {i>browser<i} yang terbatas, yang merupakan hal penting dalam lingkungan seluler di mana bandwidth dan CPU sering dibatasi.
Perbarui iklan tanpa memuat ulang halaman
Ada banyak skenario di mana itu optimal atau bahkan diperlukan untuk mengganti konten iklan slot saat ini. Dalam kasus semacam ini, sebaiknya gunakan Library GPT fungsi refresh untuk melakukannya secara dinamis. Tindakan ini akan menghindari pemuatan ulang halaman penuh dan memungkinkan Anda mengontrol kondisi secara akurat di mana slot atau sekelompok slot diperbarui.
Saat memuat ulang slot iklan, Anda harus memahami dan mematuhi
Praktik terbaik refresh().
Memperbarui iklan dengan tidak tepat dapat menyebabkan masalah performa dan berdampak negatif
memengaruhi rasio visibilitas.
Targetkan iklan secara efektif
Saat mengonfigurasi penargetan nilai kunci, lakukan dengan cermat
pertimbangkan 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. Tingkat slot
sebaiknya hanya digunakan untuk mendaftarkan nilai kunci yang berbeda atau tidak
disertakan pada semua slot.
Perhatikan bahwa penargetan tingkat slot dan halaman dapat digunakan sekaligus, seperti yang terlihat di contoh penetapan penargetan. Sangat disarankan Anda mengonfigurasi penargetan di tingkat halaman terlebih dahulu, lalu menerapkan tingkat slot mengganti hanya jika diperlukan. Pendekatan ini tidak hanya membuat penggunaan yang efisien GPT API, hal ini juga menyederhanakan kode dan membantu dalam model mental yang jelas dari semua penargetan yang telah dikonfigurasi di halaman.
Menggunakan Arsitektur Permintaan Tunggal dengan benar
Arsitektur Permintaan Tunggal (SRA) adalah mode permintaan GPT yang menggabungkan permintaan beberapa slot iklan menjadi satu permintaan iklan. Hal ini memastikan bahwa pengecualian kompetitif dan hambatan yang dikonfigurasi untuk halaman Anda akan dihormati. Oleh karena itu, jika halaman Anda menggunakan fitur tersebut, sebaiknya mengaktifkan SRA dan memahami cara menggunakannya dengan benar.
Dalam konfigurasi default-nya, SRA akan meminta semua slot iklan yang didefinisikan dalam
halaman saat pertama kali memanggil display() (atau refresh(), jika
pemuatan awal dinonaktifkan). Karena ini
sebaiknya Anda menetapkan semua slot iklan halaman dalam <head>
dokumen, sebelum melakukan panggilan pertama ke display().
Pemuatan lambat dapat digunakan bersama dengan
pendekatan untuk memastikan slot yang
terletak di bawah lipatan
tidak langsung dimuat.
Saat menggunakan SRA, semua slot iklan harus dikonfigurasi sepenuhnya (misalnya,
menetapkan penargetan, pengecualian kategori, dsb.) 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>
Optimalkan ukuran iklan
Saat menentukan slot iklan, pertimbangkan bukan hanya ukuran maksimum iklan yang dapat disajikan, tetapi juga ukuran lebih kecil yang cocok dengan ruang yang sama. Di beberapa semakin banyak ukuran yang Anda tetapkan saat menentukan slot, semakin banyak iklan yang memenuhi syarat untuk menayangkan iklan. Hal ini dapat diterjemahkan ke rasio pengisian yang lebih tinggi dan peningkatan pendapatan.