Integrasi library Tag Google Publisher (GPT) ke situs Anda sama dengan mengintegrasikan skrip pihak ketiga lainnya. Namun, ada beberapa aspek unik saat menggunakan GPT yang harus dipertimbangkan untuk memastikan Anda memaksimalkan ruang iklan dengan dampak minimal terhadap performa situs. Bagaimanapun, iklan yang cepat itu penting.
Bagian berikut ini membahas praktik terbaik yang dapat digunakan saat mengerjakan integrasi Anda.
Memuat GPT dari sumber resmi
Selalu minta library GPT dari sumber resmi:
Jenis integrasi | Tag skrip |
---|---|
Standar Termasuk 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 terhadap peraturan penayang, GPT dapat
dimuat dari URL standar dengan atribut crossorigin="anonymous"
untuk mencegah cookie dikirim dengan permintaan skrip.
Jangan menayangkan GPT versi yang di-cache
Jangan pernah menayangkan versi gpt.js
, pubads_impl.js
, atau library apa pun yang dimuat
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 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 memodifikasi respons terhadap permintaan HTTP yang berasal dari situs Anda, gunakan strategi khusus jaringan saat menangani permintaan untuk gpt.js
agar dapat mengambil versi terbaru.
Muat GPT lebih awal
Library GPT (gpt.js
) hanya berisi sebagian kecil
kode yang diperlukan untuk memuat iklan. Sebagian besar kode tersebut dimuat dalam
file terpisah (seperti pubads_impl_XX.js
), yang dimuat oleh gpt.js
jika
perlu.
Dengan memuat library GPT inti lebih awal, skrip dependen ini juga dapat dimuat lebih awal. Hal ini untuk menghindari latensi tambahan terkait pengambilan skrip ini (jika tidak di-cache) dan memungkinkan iklan dimuat lebih cepat. Semua ini berkontribusi pada menurunkan metrik waktu render iklan pertama, yang pada akhirnya meningkatkan visibilitas iklan Anda.
Gunakan pramuat jika perlu
Terkadang, Anda mungkin tidak memiliki kontrol langsung terkait waktu atau cara GPT
dimuat. Misalnya, saat menggunakan skrip iklan pihak ketiga yang memuat GPT untuk Anda. Dalam kasus ini, sebaiknya
pramuat permintaan untuk gpt.js
. Pramuat permintaan menginstruksikan
browser untuk segera mendownload aset tertentu yang penting untuk
pemuatan halaman. Jika aset yang ditentukan adalah file JavaScript, konten skrip
akan segera diambil, tetapi eksekusi ditunda 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 pada halaman yang dipra-render
Pra-rendering menginstruksikan browser untuk mendownload dan merender halaman secara preemtif yang belum diminta oleh pengguna, tetapi mungkin akan dikunjungi. Saat dimuat pada halaman yang dipra-render, library GPT hanya meminta iklan jika dan saat halaman dibuat terlihat.
Memuat GPT secara statis
Hindari memasukkan 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 nantinya akan menunda pemuatan iklan.
Untuk detail selengkapnya, lihat dokumentasi audit Audit Iklan Penayang untuk Lighthouse memuat skrip iklan secara statis.
Memuat GPT secara asinkron
Sertakan kata kunci async
dalam definisi tag skrip Anda, seperti yang diilustrasikan dalam
Memulai Tag Google Publisher. Tindakan ini menginstruksikan
browser untuk memuat library GPT secara paralel dengan resource
dan konten halaman lainnya, bukan memblokir eksekusi hingga skrip
selesai dimuat.
Untuk detail selengkapnya, lihat dokumentasi audit memuat tag iklan asinkron Audit Iklan Penayang untuk Lighthouse.
Memuat GPT dengan aman
Selalu muat library GPT melalui HTTPS, seperti yang digambarkan dalam Memulai Tag Google Publisher. Tindakan ini tidak hanya memberikan keamanan yang lebih baik bagi pengguna Anda, tetapi juga meningkatkan performa. Karena permintaan iklan yang dikeluarkan oleh GPT selalu menggunakan HTTPS, memuat library itu sendiri menggunakan HTTPS akan memastikan browser hanya perlu membuka 1 koneksi untuk semua permintaan yang terkait dengan penayangan iklan.
Untuk detail selengkapnya, lihat dokumentasi audit audit Iklan Penayang untuk Lighthouse memuat tag iklan melalui HTTPS dan memuat GPT dari host yang direkomendasikan.
Mempraktikkan performa halaman yang baik
Meskipun praktik terbaik dalam panduan ini secara khusus berfokus pada pengoptimalan integrasi GPT, ada banyak faktor lain yang berkontribusi pada performa halaman Anda secara keseluruhan. Saat membuat perubahan pada situs (terutama berdasarkan rekomendasi yang luas, seperti yang ada dalam panduan ini), sebaiknya evaluasi dampak perubahan tersebut pada semua aspek performa halaman. Sebaiknya jalankan alat seperti Lighthouse dan Audit Iklan Penayang untuk Lighthouse secara rutin guna mengidentifikasi dan mengatasi masalah performa, serta menemukan keseimbangan pengoptimalan yang tepat untuk situs Anda.