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 terhadap 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.
| Jenis integrasi | Tag skrip |
|---|---|
| Standar Mencakup penayang yang terintegrasi dengan TCF IAB Eropa. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Iklan Terbatas Manual Jika Anda ingin mengaktifkan Iklan Terbatas (LTD) secara manual. |
<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 dua cara:
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.
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 Terbatasgooglesyndication.com. - Alasan: Memuat GPT dari domain
googlesyndication.commemungkinkan 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 Publisher.
- URL: Jika Anda ingin mengaktifkan iklan terbatas secara manual menggunakan
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 diupdate dengan fitur dan peningkatan baru. Versi library GPT yang lebih lama 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 dapat 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 ada 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. Tindakan 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 untuk 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 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 telah di-prerender, 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
Mulai Menggunakan 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 Publisher Ads Audits for Lighthouse tentang cara memuat tag iklan secara asinkron.
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 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 berfokus secara khusus pada pengoptimalan integrasi GPT, banyak faktor lain yang berkontribusi pada performa keseluruhan halaman Anda. Saat membuat perubahan pada situs Anda (terutama yang berdasarkan 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.