Artikel ini khusus untuk produk Google Ad Manager. Artikel ini tidak berlaku untuk produk Google lainnya. Anda juga dapat meninjau persyaratan HTML5 Studio atau persyaratan HTML5 Google Web Designer.
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.
Mengonfirmasi bahwa paket Anda kompatibel dengan SSL
Materi iklan HTML5 harus kompatibel dengan SSL agar dapat ditayangkan pada situs HTTPS.
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.Contoh
<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.Contoh
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.
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.
