Setelah mengintegrasikan library Tag Penayang Google (GPT) ke situs dan memahami praktik terbaik umum kami, Anda siap mulai mengeluarkan panggilan iklan. Di bagian berikut, 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 tampilan (paruh bawah), dalam hal visibilitas dan monetisasi. Dengan mempertimbangkan hal ini, penting bagi Anda untuk mempertimbangkan dengan cermat 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 Anda, dan minta slot tersebut 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. 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 menghemat resource browser yang terbatas, yang sangat penting di lingkungan seluler yang bandwidth dan CPU-nya sering kali sangat terbatas.
Memperbarui iklan tanpa memuat ulang halaman
Ada banyak skenario yang mengharuskan atau mengoptimalkan penggantian konten iklan saat ini di slot. Dalam kasus ini, sebaiknya gunakan fungsi muat ulang library GPT untuk melakukannya secara dinamis. Hal ini menghindari pemuatan ulang halaman penuh dan memungkinkan Anda mengontrol dengan tepat kondisi slot atau grup slot diperbarui.
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 digunakan bersama di antara beberapa slot, sebaiknya gunakan penargetan tingkat halaman menggunakan googletag.setConfig({ targeting: ... }). 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 konfigurasikan 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 ke dalam satu panggilan iklan. Hal ini memastikan bahwa pengecualian kompetitif dan roadblock yang dikonfigurasi untuk halaman Anda akan diterapkan. 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 Anda di <head>
dokumen, sebelum melakukan panggilan pertama ke display().
Pemuatan lambat dapat digunakan bersama dengan pendekatan ini untuk memastikan slot yang terletak di paruh bawah tidak dimuat secara langsung.
Saat menggunakan SRA, penting untuk mengonfigurasi sepenuhnya semua slot iklan (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.setConfig({ singleRequest: true });
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.setConfig({ targeting: { 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')
.addService(googletag.pubads());
adSlot2.setConfig({ targeting: { test: 'privacy' } });
// Enable SRA and services.
googletag.setConfig({ singleRequest: true });
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 ukuran iklan maksimum yang dapat ditayangkan, tetapi juga ukuran yang lebih kecil yang dapat muat dengan nyaman di ruang yang sama. Secara umum, makin banyak ukuran yang Anda tentukan saat menentukan slot, makin banyak iklan yang akan memenuhi syarat untuk ditayangkan ke slot tersebut. Hal ini dapat menghasilkan rasio pengisian yang lebih tinggi dan peningkatan pendapatan.