Mengintegrasikan library Tag Penayang Google (GPT) ke situs Anda dalam banyak hal sama seperti mengintegrasikan skrip pihak ketiga lainnya. Namun, ada beberapa aspek unik dalam menggunakan GPT yang harus dipertimbangkan untuk memastikan Anda memaksimalkan ruang iklan dengan dampak minimal terhadap performa situs. Lagi pula, iklan yang cepat itu penting.
Bagian berikut membahas praktik terbaik yang akan digunakan saat mengerjakan integrasi Anda.
Memuat GPT dari sumber resmi
Selalu minta library GPT dari sumber resmi:
| 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 Untuk penayang yang ingin mengaktifkan iklan terbatas secara manual. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Hanya gunakan URL iklan terbatas di situs tempat Anda ingin mengaktifkan iklan terbatas secara manual. Meminta GPT dari URL iklan terbatas saat fitur ini tidak digunakan akan menyebabkan browser membuka koneksi jaringan tambahan yang tidak diperlukan, yang dapat memperlambat pemuatan iklan.
Untuk membantu kebutuhan kepatuhan peraturan penayang, GPT dapat
dimuat dari URL standar dengan atribut crossorigin="anonymous"
untuk mencegah cookie dikirim dengan permintaan skrip.
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 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 pekerja layanan. Jika Anda menggunakan pekerja layanan untuk meng-cache atau mengubah respons terhadap permintaan HTTP yang berasal dari situs Anda, gunakan strategi khusus jaringan saat menangani permintaan untuk gpt.js guna 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. Tindakan ini menghindari latensi tambahan yang terkait dengan pengambilan skrip ini (jika tidak di-cache) dan memungkinkan iklan dimuat dengan lebih cepat. Semua hal ini berkontribusi untuk menurunkan metrik waktu untuk merender iklan pertama, yang pada akhirnya meningkatkan visibilitas iklan Anda.
Gunakan pramuat jika diperlukan
Terkadang Anda mungkin tidak dapat mengontrol secara langsung kapan atau bagaimana GPT
dimuat. Misalnya, saat menggunakan skrip iklan pihak ketiga yang memuat
GPT atas nama Anda. Dalam hal ini, sebaiknya
pramuat permintaan untuk gpt.js. Pramuat permintaan akan memerintahkan 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 akan ditangguhkan hingga skrip diperlukan.
Contoh permintaan pramuat untuk integrasi standar
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Contoh permintaan pramuat 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 yang belum diminta pengguna, tetapi kemungkinan akan dikunjungi. Saat dimuat di halaman yang dipra-render, library GPT hanya meminta iklan jika dan saat halaman terlihat.
Memuat GPT secara statis
Hindari memasukkan library GPT ke halaman 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 akhirnya 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 artikel
Memulai Tag Google Publisher. Hal ini akan memerintahkan 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 Audit Iklan Penayang untuk Lighthouse tentang memuat tag iklan secara asinkron.
Memuat GPT dengan aman
Selalu muat library GPT melalui HTTPS, seperti yang diilustrasikan dalam Memulai 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 memuat tag iklan melalui HTTPS dan memuat GPT dari host yang direkomendasikan Audit Iklan Penayang untuk Lighthouse.
Melakukan praktik performa halaman yang baik
Meskipun praktik terbaik dalam panduan ini berfokus secara khusus pada pengoptimalan integrasi GPT, ada banyak faktor lain yang berkontribusi pada performa halaman Anda secara keseluruhan. Saat membuat perubahan pada situs (terutama yang berdasarkan rekomendasi umum, seperti yang ada dalam panduan ini), penting untuk mengevaluasi dampak perubahan tersebut terhadap semua aspek performa halaman Anda. Sebaiknya jalankan alat seperti Lighthouse dan Audit Iklan Penayang untuk Lighthouse secara rutin untuk mengidentifikasi dan mengatasi masalah performa, serta menemukan keseimbangan pengoptimalan yang tepat untuk situs Anda.