Praktik Terbaik Umum

Mengintegrasikan pustaka Tag Penayang Google (GPT) ke situs Anda dalam banyak hal sama dengan mengintegrasikan skrip pihak ketiga lainnya. Namun, ada beberapa aspek unik dalam bekerja dengan GPT yang harus dipertimbangkan untuk memastikan Anda memanfaatkan ruang iklan secara maksimal dengan dampak minimal pada performa situs. Bagaimanapun, iklan yang cepat itu penting.

Bagian berikut membahas praktik terbaik yang harus digunakan saat mengerjakan integrasi Anda.

Memuat GPT dari sumber resmi

Untuk memastikan Anda memiliki akses ke fitur dan perlindungan privasi terbaru, selalu minta pustaka GPT dari sumber resmi menggunakan salah satu URL yang tercantum dalam tabel berikut. URL yang akan digunakan bergantung pada apakah Anda berencana mengaktifkan mode Iklan Terbatas (LTD) secara manual.

<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>

<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script>

Mode Iklan Terbatas (LTD) memungkinkan GPT menayangkan iklan tanpa mengakses penyimpanan sisi klien (seperti cookie atau ID lokal). Iklan terbatas dapat diaktifkan dengan salah satu dari dua cara berikut:

1. Standar (Otomatis): Penyedia Pengelolaan Izin (CMP) memberi tahu GPT bahwa pengguna belum memberikan izin untuk akses penyimpanan, biasanya menggunakan sinyal TCF v2.0 IAB. Jika Anda menggunakan CMP bersertifikasi Google untuk mengelola izin pengguna, GPT akan otomatis memasuki mode Iklan Terbatas berdasarkan preferensi pengguna.

   • URL: Muat GPT dari URL Standar (doubleclick.net).
   • Tidak Perlu Tindakan Manual: Anda tidak perlu memanggil setPrivacySettings({limitedAds: true}) secara manual saat CMP digunakan, karena sinyal ditangani secara otomatis oleh library.

2. Secara manual: Anda secara eksplisit memanggil GPT API untuk meminta iklan terbatas.

   • URL: Jika Anda ingin mengaktifkan iklan terbatas secara manual menggunakan googletag.pubads().setPrivacySettings({limitedAds: true}) API, Anda harus memuat GPT dari URL Iklan Terbatas googlesyndication.com.
   • Alasan: Memuat GPT dari domain googlesyndication.com memungkinkan pengamanan tambahan terhadap akses ke penyimpanan sisi klien secara default.
   • Konsekuensi kesalahan konfigurasi: Jika GPT dimuat dari URL standar dan API manual dipanggil, permintaan untuk mengaktifkan iklan terbatas akan diabaikan, dan peringatan akan dicatat di Konsol Penayang.

Jangan menayangkan versi GPT yang di-cache

Jangan pernah menayangkan versi gpt.js, pubads_impl.js, atau library apa pun yang dimuatnya dari server Anda sendiri atau memuatnya dari sumber tidak resmi.

Menggunakan versi library GPT yang di-cache secara lokal mungkin tidak selalu berfungsi di versi browser atau sistem operasi yang lebih baru dan mungkin tidak diperbarui dengan fitur dan peningkatan baru. Versi library GPT sebelumnya dapat berhenti berfungsi kapan saja dan dapat menyebabkan hilangnya pendapatan iklan jika iklan berhenti ditayangkan ke tag Anda.

Hal ini juga berlaku untuk service worker. Jika Anda menggunakan pekerja layanan untuk menyimpan dalam cache atau mengubah respons terhadap permintaan HTTP yang berasal dari situs Anda, gunakan strategi hanya jaringan saat menangani permintaan untuk gpt.js agar mengambil versi terbaru.

Memuat GPT lebih awal

Library GPT (gpt.js) hanya berisi sebagian kecil kode yang diperlukan untuk memuat iklan. Sebagian besar kode tersebut terdapat dalam file terpisah (seperti pubads_impl_XX.js), yang dimuat oleh gpt.js sesuai kebutuhan.

Dengan memuat library GPT inti lebih awal, skrip dependen ini juga dapat dimuat lebih awal. Hal ini menghindari latensi tambahan yang terkait dengan pengambilan skrip ini (jika tidak di-cache) dan memungkinkan iklan dimuat lebih cepat. Semua ini berkontribusi untuk menurunkan metrik waktu untuk merender iklan pertama, yang pada gilirannya meningkatkan visibilitas iklan Anda.

Gunakan pramuat jika sesuai

Terkadang Anda mungkin tidak memiliki kontrol langsung atas kapan atau bagaimana GPT dimuat. Misalnya, saat menggunakan skrip iklan pihak ketiga yang memuat GPT atas nama Anda. Dalam kasus ini, sebaiknya muat permintaan gpt.js terlebih dahulu. Memuat permintaan terlebih dahulu menginstruksikan browser untuk segera mendownload aset tertentu yang penting untuk pemuatan halaman Anda. Jika aset yang ditentukan adalah file JavaScript, konten skrip akan segera diambil, tetapi eksekusi ditunda hingga skrip diperlukan.

Contoh permintaan pra-muat untuk integrasi standar

<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">

Contoh permintaan pra-muat untuk integrasi iklan terbatas

<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">

Menggunakan fetchpriority untuk memprioritaskan pemuatan skrip

Anda dapat menggunakan atribut fetchpriority untuk memberi sinyal kepada browser tentang prioritas relatif pengambilan resource GPT. Secara default, gpt.js secara otomatis meminta skrip penerapan intinya (pubads_impl.js) dan skrip Privasi & pesan Google dengan fetchpriority="high" untuk mengoptimalkan penjadwalan jaringan dan mengurangi latensi pemuatan iklan. Meningkatkan prioritas dapat memengaruhi pemuatan resource lain di halaman dan metrik Core Web Vitals. Untuk memaksimalkan dampak latensi fetchpriority yang ditetapkan ke tinggi, sebaiknya tetapkan gpt.js secara langsung.

Untuk memprioritaskan pengambilan skrip loader gpt.js itu sendiri (atau untuk mengonfigurasi prioritas yang diwariskan dari skrip pubads_impl.js dan Privasi & pesan Google), Anda dapat menambahkan atribut fetchpriority langsung ke tag gpt.js <script>:

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>

Saat Anda menentukan atribut fetchpriority pada tag <script> loader gpt.js, skrip penerapan yang disisipkan secara dinamis dan skrip Google Privasi & pesan akan otomatis mewarisi nilai fetchpriority yang ditentukan (seperti "high", "low", atau "auto").

Menggunakan GPT di halaman yang dipra-render

Pra-rendering menginstruksikan browser untuk mendownload dan merender halaman secara preemptif yang belum diminta pengguna, tetapi kemungkinan akan dikunjungi. Saat dimuat di halaman yang di-pra-render, library GPT hanya meminta iklan jika dan saat halaman ditampilkan.

Memuat GPT secara statis

Hindari menyuntikkan library GPT ke halaman Anda secara dinamis atau memuatnya dari skrip eksternal. Sebagai gantinya, muat library secara statis di <head> halaman Anda seperti yang diilustrasikan dalam Memulai Tag Google Publisher. Hal ini mencegah resource lain menunda pengambilan dan pemuatan library GPT, yang pada gilirannya akan menunda pemuatan iklan.

Untuk mengetahui detail selengkapnya, lihat dokumentasi audit memuat skrip iklan secara statis di Audit Iklan Penayang untuk Lighthouse.

Memuat GPT secara asinkron

Sertakan kata kunci async dalam definisi tag skrip Anda, seperti yang diilustrasikan dalam Mulai Menggunakan Tag Google Publisher. Hal ini menginstruksikan browser untuk memuat library GPT secara paralel dengan resource dan konten halaman lainnya, bukan memblokir eksekusi hingga skrip selesai dimuat.

Untuk mengetahui detail selengkapnya, lihat dokumentasi audit memuat tag iklan secara asinkron di Audit Iklan Penayang untuk Lighthouse.

Memuat GPT dengan aman

Selalu muat library GPT melalui HTTPS, seperti yang diilustrasikan dalam Mulai Menggunakan Tag Google Publisher. Tindakan ini tidak hanya meningkatkan keamanan bagi pengguna Anda, tetapi juga akan meningkatkan performa. Karena permintaan iklan yang dibuat oleh GPT selalu menggunakan HTTPS, memuat library itu sendiri menggunakan HTTPS akan memastikan bahwa browser hanya perlu membuka 1 koneksi untuk semua permintaan yang terkait dengan penayangan iklan.

Untuk mengetahui detail selengkapnya, lihat dokumentasi audit Audit Iklan Penayang untuk Lighthouse terkait memuat tag iklan melalui HTTPS dan memuat GPT dari host yang direkomendasikan.

Menerapkan performa halaman yang baik

Meskipun praktik terbaik dalam panduan ini secara khusus berfokus pada pengoptimalan integrasi GPT Anda, banyak faktor lain yang berkontribusi pada keseluruhan performa halaman Anda. Saat membuat perubahan pada situs Anda (terutama yang didasarkan pada rekomendasi luas, seperti yang ada dalam panduan ini), Anda harus mengevaluasi dampak perubahan tersebut terhadap semua aspek performa halaman Anda. Sebaiknya Anda menjalankan alat seperti Lighthouse dan Audit Iklan Penayang untuk Lighthouse secara rutin untuk mengidentifikasi dan mengatasi masalah performa, serta menemukan keseimbangan yang tepat dalam pengoptimalan situs Anda.