Mengintegrasikan library Tag Google Publisher (GPT) ke situs dalam banyak hal sama dengan mengintegrasikan skrip pihak ketiga lainnya. Namun, ada beberapa aspek unik saat menggunakan GPT yang harus untuk memastikan Anda mendapatkan hasil maksimal dari ruang iklan dengan dampak yang minimal terhadap performa situs. Bagaimanapun, iklan yang cepat itu penting.
Bagian berikut membahas praktik terbaik yang dapat digunakan saat mengerjakan integrasi.
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 yang dibatasi Untuk penayang yang ingin mengaktifkan secara manual iklan terbatas. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Hanya gunakan URL iklan terbatas di situs tempat Anda ingin mengaktifkan secara manual iklan terbatas. Meminta GPT dari iklan terbatas URL saat fitur ini tidak digunakan menyebabkan browser membuka koneksi jaringan tambahan yang tidak diperlukan, yang dapat memperlambat pemuatan iklan.
Untuk membantu memenuhi kebutuhan kepatuhan terhadap peraturan penayang, GPT mungkin
dimuat dari URL standar dengan crossorigin="anonymous"
untuk mencegah cookie dikirim bersama 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 yang tidak resmi.
Menggunakan versi library GPT yang di-cache secara lokal mungkin tidak selalu bekerja pada versi browser atau sistem operasi yang lebih baru dan mungkin tidak diperbarui dengan fitur dan peningkatan baru. Versi lama Library GPT dapat berhenti berfungsi kapan saja dan dapat menyebabkan kehilangan pendapatan iklan jika iklan berhenti ditayangkan di tag Anda.
Hal ini juga berlaku untuk pekerja layanan. Jika Anda menggunakan layanan
untuk meng-cache atau mengubah respons terhadap permintaan HTTP yang berasal dari situs Anda, menggunakan
strategi khusus jaringan saat menangani permintaan untuk gpt.js di
untuk mengambil versi terbaru.
Muat GPT lebih awal
Library GPT (gpt.js) hanya berisi sebagian kecil dari
kode yang diperlukan untuk memuat iklan. Sebagian besar kode itu terdapat dalam
file terpisah (seperti pubads_impl_XX.js), yang dimuat oleh gpt.js sebagai
diperlukan.
Dengan memuat library GPT inti lebih awal, skrip dependen ini juga dapat dimuat lebih awal. Hal ini untuk menghindari latensi tambahan yang terkait dengan mengambil skrip ini (jika tidak disimpan dalam cache) dan memungkinkan iklan dimuat lebih banyak dengan cepat. Semua ini berkontribusi untuk menurunkan waktu untuk merender metrik iklan pertama, yang kemudian akan meningkatkan visibilitas iklan.
Gunakan pramuat jika perlu
Terkadang Anda mungkin tidak dapat mengontrol secara langsung kapan atau bagaimana GPT
dimuat. Misalnya, saat menggunakan skrip iklan pihak ketiga yang dimuat
GPT atas nama Anda. Dalam kasus ini, mungkin diperlukan
melakukan pramuat permintaan untuk gpt.js. Pramuat permintaan menginstruksikan
browser untuk segera mendownload aset tertentu yang penting bagi
pemuatan halaman Anda. Jika aset yang ditentukan adalah file JavaScript, skrip
konten diambil segera tetapi eksekusi ditunda sampai 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 menampilkan laman yang belum diminta oleh pengguna, tetapi kemungkinan besar akan dikunjungi. Kapan dimuat di halaman pra-rendering, library GPT hanya meminta iklan jika dan saat halaman dapat dilihat.
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 pesan
resource agar tidak menunda pengambilan dan pemuatan GPT
yang akan menunda pemuatan iklan.
Untuk detail selengkapnya, lihat Audit Iklan Penayang untuk Lighthouse memuat skrip iklan secara statis dokumentasi audit.
Memuat GPT secara asinkron
Sertakan kata kunci async dalam definisi tag skrip Anda, seperti yang diilustrasikan dalam
Memulai Tag Google Publisher. Hal ini menginstruksikan
browser untuk memuat library GPT secara paralel dengan
resource dan konten halaman, daripada memblokir eksekusi hingga skrip
selesai memuat.
Untuk detail selengkapnya, lihat Audit Iklan Penayang untuk Lighthouse muat tag iklan secara asinkron.
Memuat GPT dengan aman
Selalu muat library GPT melalui HTTPS, seperti yang diilustrasikan pada Memulai Tag Google Publisher. Hal ini tidak hanya memberikan keamanan yang lebih baik bagi pengguna, tetapi juga meningkatkan performa. Sejak iklan permintaan yang dikeluarkan oleh GPT selalu menggunakan HTTPS, memuat library sendiri menggunakan HTTPS memastikan bahwa {i>browser<i} hanya perlu membuka 1 koneksi untuk semua permintaan yang terkait dengan penayangan iklan.
Untuk detail selengkapnya, lihat Audit Iklan Penayang untuk Lighthouse memuat tag iklan melalui HTTPS dan memuat GPT dari host yang direkomendasikan dokumentasi audit.
Mempraktikkan performa halaman yang baik
Meskipun praktik terbaik dalam panduan ini secara khusus berfokus pada pengoptimalan Dalam integrasi GPT, ada banyak faktor lain yang berkontribusi terhadap performa halaman Anda. Saat membuat perubahan pada situs (terutama yang berdasarkan rekomendasi yang luas, seperti yang ada dalam panduan ini), penting untuk mengevaluasi dampak perubahan tersebut pada semua aspek tingkat tinggi. Disarankan agar Anda secara teratur menjalankan alat seperti Lighthouse dan Audit Iklan Penayang untuk Lighthouse guna mengidentifikasi dan menangani performa aplikasi, dan temukan keseimbangan yang tepat antara pengoptimalan untuk situs Anda.