Artikel ini memberikan panduan untuk membuat dan mengupload paket zip materi iklan HTML5 ke Google Ad Manager.
Panduan harus diterapkan pada browser apa pun yang mendukung HTML5. Beberapa materi iklan mungkin tidak berfungsi seperti yang diinginkan. Uji kode HTML5 sebelum menerapkannya.
Di halaman ini:
- Mengonfirmasi bahwa paket Anda kompatibel dengan SSL
- Memastikan struktur file ZIP sudah benar
- Memilih lingkungan yang tepat untuk Google Web Designer
- Menentukan dimensi
- Menetapkan tag klik dan URL klik-tayang
Mengonfirmasi bahwa paket Anda kompatibel dengan SSL
Materi iklan HTML5 harus kompatibel dengan SSL agar dapat ditayangkan pada situs HTTPS.
Memastikan struktur file ZIP sudah benar
Saat menyiapkan materi iklan HTML5 Anda untuk diupload, pastikan hal berikut tentang file ZIP Anda:
- Struktur yang benar: File HTML utama dan semua aset terkait (gambar, skrip, CSS) harus berada di tingkat root file ZIP atau di subfolder yang dirujuk dengan jelas. Jangan menyusun file HTML utama dalam beberapa subdirektori.
- Tidak ada kerusakan: Pastikan file ZIP tidak rusak dan dikompresi dengan benar. Coba ekstrak file secara lokal untuk memastikan integritasnya sebelum mengupload.
- Semua aset disertakan: Semua aset yang direferensikan (gambar, CSS, file JavaScript) harus disertakan dalam file ZIP. Hindari hosting eksternal komponen materi iklan penting, kecuali jika didukung dan diizinkan secara eksplisit oleh Ad Manager. Pastikan semua jalur file di HTML Anda bersifat relatif dan mengarah dengan benar ke aset dalam struktur ZIP.
Memilih lingkungan yang tepat untuk Google Web Designer
Jika Anda menggunakan Google Web Designer untuk membuat materi iklan HTML5, pilih lingkungan Display & Video 360.
Menentukan dimensi
- Gunakan tag meta
ukuranuntuk menentukan dimensi yang harus digunakan untuk menampilkan materi iklan Anda:<meta name="ad.size" content="width=[x],height=[y]">. Materi iklan HTML5 hanya dapat memiliki dimensi tetap. Contoh:300x250,400x400,728x90. Ukuran dinamis sepertiDapat Menyesuaikantidak didukung.Misalnya
<meta name="ad.size" content="width=300,height=250"> - Untuk file HTML materi iklan pada paket Google Web Designer, properti
minWidthdanminHeightdari parametercreativePropertiesharus berisi nilai selain nol.Misalnya
Kode berikut menghasilkan error:"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Menetapkan tag klik dan URL klik-tayang
Exit adalah area yang dapat diklik, yang mengarahkan browser menuju halaman landing. Tag klik menentukan URL klik-tayang untuk setiap exit di materi iklan HTML5 Anda.
Saat exit diklik, materi iklan akan memanggil Ad Manager untuk URL klik-tayang terkait.
- Tetapkan URL exit di materi iklan atau iklan, bergantung pada kebutuhan dan jenis materi iklan Anda. Jika Anda menetapkan tag klik di materi iklan dan iklan, setelan tingkat iklan akan diprioritaskan. Pelajari lebih lanjut cara menambahkan exit HTML5 (termasuk exit yang menggunakan Google Web Designer).
Ad Manager akan mendeteksi tag klik saat Anda mengupload aset. Anda dapat mengubah URL klik-tayang yang digunakan oleh tag klik kapan saja, meski setelah mengekspor tag.
- Sisipkan tag klik di bagian
<head>pada dokumen HTML Anda.Contoh<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- Gunakan variabel
clickTagsebagai tujuan di materi iklan.Contoh<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - Buat tag klik mudah dibaca oleh server iklan. Tag klik tidak boleh menyertakan minifikasi atau obfuscation. Anda dapat menggunakan minifer pada kode dan file lainnya.
- Hindari URL klik-tayang hard code. URL hard code mencegah Ad Manager melacak klik dan mencegah pemroses iklan memperbarui URL. Ad Manager akan memperingatkan Anda jika terdapat URL hard code dalam kode HTML5 saat mengupload paket.