Integrasi library Tag Google Publisher (GPT) ke situs memiliki banyak cara yang 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 cepat itu penting.
Di bawah ini akan dibahas beberapa praktik terbaik yang perlu diperhatikan saat mengerjakan integrasi Anda sendiri.
Memuat GPT dari sumber resmi
Selalu minta library GPT dari sumber resmi:
| Jenis integrasi | URL |
|---|---|
| Standar | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| Iklan terbatas | https://pagead2.googlesyndication.com/tag/js/gpt.js |
Anda tidak boleh 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 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 dihentikan 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 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 sesuai kebutuhan.
Dengan memuat library GPT inti lebih awal, skrip dependen ini juga dapat dimuat sebelumnya. Hal ini akan menghindari latensi tambahan yang terkait dengan pengambilan skrip ini (jika tidak disimpan dalam cache) dan memungkinkan iklan dimuat lebih cepat. Semua ini berkontribusi pada penurunan waktu untuk merender metrik iklan pertama, yang pada akhirnya meningkatkan visibilitas iklan Anda.
Gunakan pramuat jika diperlukan
Terkadang Anda mungkin tidak memiliki kontrol langsung terkait waktu atau cara GPT
dimuat. Misalnya, saat menggunakan skrip iklan pihak ketiga yang memuat
GPT atas nama Anda. Dalam kasus ini, mungkin akan tepat untuk
memuat permintaan untuk gpt.js di awal. Pramuat permintaan 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 eksekusinya 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 memerintahkan browser untuk mendownload dan merender halaman secara preemtif yang belum diminta pengguna, tetapi kemungkinan akan dikunjungi. Saat dimuat di halaman pra-rendering, library GPT hanya meminta iklan jika dan saat halaman ditampilkan.
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 ditunjukkan dalam
Mulai Menggunakan Tag Google Publisher. Hal ini mencegah resource
lain menunda pengambilan dan pemuatan library GPT, yang pada akhirnya akan menunda pemuatan iklan.
Untuk detail selengkapnya, lihat dokumentasi audit Audit Iklan Penayang untuk memuat skrip iklan secara statis di Audit Iklan Penayang 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 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 Iklan Penayang untuk memuat tag iklan secara asinkron Lighthouse.
Memuat GPT dengan aman
Selalu muat library GPT melalui HTTPS, seperti yang ditunjukkan dalam Mulai Menggunakan Tag Google Publisher. Hal 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 melalui HTTPS akan memastikan bahwa browser hanya perlu membuka 1 koneksi untuk semua permintaan yang terkait dengan penayangan iklan.
Untuk detail selengkapnya, lihat Audit Iklan Penayang untuk memuat tag iklan melalui HTTPS dan memuat GPT dari dokumentasi audit host yang direkomendasikan pada Audit Iklan Penayang.
Praktikkan performa halaman yang baik
Meskipun praktik terbaik dalam panduan ini secara khusus berfokus pada pengoptimalan integrasi GPT, banyak faktor lain yang berkontribusi pada performa keseluruhan halaman Anda. Saat membuat perubahan pada situs Anda (terutama yang berdasarkan rekomendasi umum, seperti yang ada dalam panduan ini), penting untuk mengevaluasi dampak perubahan tersebut pada semua aspek performa halaman Anda. 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.