Membuat iklan Gmail dengan HTML kustom

HTML khusus memungkinkan Anda membuat iklan yang berbeda dari template iklan Gmail yang ada, sehingga cocok bagi pengiklan yang berpengalaman. Iklan ini dapat menyertakan video dan beberapa pesan ajakan (CTA). Untuk membuat iklan Gmail dengan tata letak yang Anda sesuaikan sendiri, upload file HTML khusus Anda sendiri ke AdWords. 

Artikel ini menjelaskan cara mengonfigurasi dan mengunggah iklan Gmail khusus.

Sebelum memulai

Penting: Perlu diingat bahwa iklan Gmail HTML kustom mempertahankan format URL tujuan, serta tidak kompatibel dengan URL final dan template pelacakan. Pelajari lebih lanjut URL upgrade.

 

Google Ads versi baru sekarang merupakan cara yang eksklusif bagi sebagian besar pengguna untuk mengelola akun mereka. Jika Anda masih menggunakan AdWords versi lama, pilih sebelumnya di bawah. Pelajari lebih lanjut

Petunjuk

Iklan Gmail HTML khusus adalah folder ZIP yang berisi semua file untuk iklan yang diciutkan dan yang diperluas. Agar tidak terjadi masalah, perhatikan spesifikasi format yang ketat yang diperinci di bawah ini.

Batas ukuran keseluruhan iklan adalah sebagai berikut:

  • Total folder ZIP: <1,25 MB
  • Jumlah file: <100 file
  • Ukuran file: <500KB

Cara membuat iklan yang diciutkan

Untuk iklan yang diciutkan, Anda harus menambahkan 2 file ke folder ZIP:

  • gambar logo (diberi nama “logo.png”, “logo.jpg”, atau “logo.gif”)
  • file teks (diberi nama “‘teaser.txt”)

Spesifikasi gambar logo

File harus diberi nama persis dengan “logo.png”, “logo.jpg”, atau “logo.gif” dan format file harus PNG, JPG, atau GIF.

  • Ukuran gambar logo: < 144 x 144
  • Ukuran file: < 500KB
  • Format file: PNG, JPG, atau GIF (non-animasi)

Gambar logo adalah ikon, gambar, atau logo merek yang berukuran kecil.

Gambar akan ditampilkan sebagai persegi 50x50 pada perangkat dengan resolusi normal, namun kami menerima hingga 144x144 untuk tampilan yang lebih jelas di beberapa layar. 

Spesifikasi file teks

File harus diberi nama persis dengan “teaser.txt”  dan format file harus TXT. Berikut contoh file teks yang diformat dengan benar.

Pengiklan: Nama Bisnis
Subjek: Semua Diskon 20% di Nama Bisnis
Deskripsi: Beli produk baru dengan harga murah!
URL yang Ditampilkan: www.example.com
Halaman Landing: https://www.example.com/sale 

Catatan: Ikuti persis seperti contoh tersebut. Pastikan untuk menyertakan kategori (seperti “Pengiklan”) dan informasi Anda yang spesifik. Tabel di bawah memberi batas karakter dan panduan lebih lanjut tentang apa yang harus disertakan.

  Batas karakter Yang harus disertakan
Advertiser 20 Nama atau domain perusahaan Anda.
Subject 25 Judul yang dapat menyertakan penawaran, % diskon, atau pengumuman menarik.
Description 100 Deskripsi dapat berupa ringkasan singkat atau pesan ajakan (CTA).
Display URL 32 URL, seperti yang akan muncul di iklan
Landing page tidak ada batas URL pengalihan promosi yang digunakan sebagai URL tujuan untuk klik pada 'URL pendek yang ditampilkan pengirim' bila Iklan yang Diperluas terbuka. Anda dapat menambahkan URL pelacakan klik statis di bidang ini. Ini adalah halaman yang akan dibuka orang setelah mengklik URL yang ditampilkan.

 

Cara membuat iklan yang diperluas

Untuk iklan yang diperluas, Anda harus menambahkan 1 file HTML dan 1 folder gambar ke folder ZIP:

  • Folder Gambar (diberi nama ‘Gambar’) berisi file gambar untuk iklan yang diperluas
  • File HTML diberi nama persis dengan “‘index.html”

Spesifikasi folder gambar

  • Iklan Anda harus berisi setidaknya 1 gambar, dan dapat berisi hingga 100 gambar. Untuk menyematkan video di iklan yang diperluas, lompat ke bagian video di bawah.
  • Lebar maks. per gambar: 650 piksel
  • Tinggi maks per gambar: 1.000 piksel (Catatan: Untuk iklan yang paling efektif, sebaiknya tinggi tidak lebih dari 650 piksel untuk total kanvas iklan, yang mencakup semua teks dan gambar.)

Spesifikasi file HTML

Detail Teknis

  • URL: Harus berisi minimal 1 URL mutlak (dapat berisi hingga 15 URL) dan semua karakter khusus harus dienkodekan (mis. spasi, #)
  • Format: Kontrol tata letak menggunakan tabel HTML standar untuk memastikan presentasi konsisten di seluruh perangkat
  • Pelacakan: URL pelacakan statis dapat digunakan untuk melacak klik eksternal. Piksel pelacakan tayangan dan URL pelacakan dinamis tidak diizinkan. Jika Anda menggunakan template "iklan HTML khusus Gmail", pastikan untuk menambahkan URL pelacakan yang ingin Anda gunakan di file index.html serta dalam file teaser.txt.
  • Markup: HTML (gunakan encoding UTF8), beberapa tag HTML5 ( "ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME", "WBR"), dan beberapa CSS (hanya atribut gaya tag, misalnya <div style="color: black" >) didukung

Markup tidak diizinkan

  • Javascript: tag <script> secara otomatis akan dihapus dari iklan
  • Stylesheets: tag <link> secara otomatis akan dihapus dari iklan
  • Flash
  • HTML5: Tag yang didukung hanya "ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME", "WBR"
  • Suara
  • iFrame
  • Gambar animasi: GIF

CSS yang didukung

azimuth border-right-color font-size-adjust list-style padding-bottom text-decoration-style
background border-right-style font-stretch list-style-image padding-left text-emphasis
background-attachment border-right-width font-style list-style-position padding-right text-emphasis-color
background-blend-mode border-spacing font-synthesis list-style-type padding-top text-emphasis-style
background-clip border-style font-variant margin pause text-indent
background-color border-top font-variant-alternatives margin-bottom pause-after text-justify
background-image border-top-color font-variant-caps margin-left pause-before text-kashida-space
background-origin border-top-left-radius font-variant-east-asian margin-right pitch text-orientation
background-position border-top-right-radius font-variant-ligatures margin-top pitch-range text-overflow
background-repeat border-top-style font-variant-numeric marker-offset quotes text-transform
background-size border-top-width font-weight max-height richness text-underline-position
border border-width height max-width speak unicode-bidi
border-bottom box-sizing image-orientation min-height speak-header vertical-align
border-bottom-color caption-side image-resolution min-width speak-numeral voice-family
border-bottom-left-radius clear ime-mode mix-blend-mode speak-punctuation white-space
border-bottom-right-radius color isolation object-fit speech-rate width
border-bottom-style direction layout-flow object-position stress word-break
border-bottom-width display layout-grid opacity table-layout word-spacing
border-collapse elevation layout-grid-char outline text-align word-wrap
border-color empty-cells layout-grid-char-spacing outline-color text-align-last writing-mode
border-left float layout-grid-line outline-style text-autospace zoom
border-left-color font layout-grid-mode outline-width text-combine-upright  
border-left-style font-family layout-grid-type overflow text-decoration  
border-left-width font-feature-settings letter-spacing overflow-x text-decoration-color  
border-radius font-kerning line-break overflow-y text-decoration-line  
border-right font-size line-height padding text-decoration-skip  

Menambahkan video ke file HTML iklan yang diperluas

  1. Cara menambahkan video

    Video YouTube dapat disematkan ke dalam iklan dengan jendela pratinjau. Ketika seseorang yang menggunakan komputer mengeklik gambar video, video akan diputar dalam Lightbox di Gmail. Setelah pengguna selesai menonton video, mereka akan diarahkan kembali ke iklan Gmail yang diperluas. Di seluler, video akan diputar pada pemutar video yang ditunjuk orang itu (seperti aplikasi YouTube atau browser). 

    Petunjuk: Untuk menambahkan video dari YouTube, kodekan tautan YouTube, sumber gambar, dan teks tampilan agar sesuai dengan iklan Anda. Contoh:

    <a href="http://www.youtube.com/watch?v=oHg5SJYRHA0"><img src="images/play.jpg" alt="Gmail Video"></a>

    Catatan: Ketika Anda melihat pratinjau iklan di AdWords, video YouTube tidak akan ditampilkan atau diputar di Lightbox.

  2. Cara menambahkan video di tab baru

    Jika Anda ingin video diputar di YouTube pada tab baru, bukan di Lightbox, tetapkan kelas sebagai "nonplayable”.

    Contoh:

    <a href="http://www.youtube.com/watch?v=oHg5SJYRHA0" class="nonplayable"><img src="images/play.jpg" alt="Gmail Video"></a>

  3. Penting: sertakan tombol “putar” di gambar pratinjau Anda.

    Untuk menunjukkan kepada orang-orang bahwa mengeklik gambar akan memutar video, gambar pratinjau harus menyertakan beberapa jenis tombol putar. AdWords tidak menambahkan apa pun ke gambar pratinjau untuk menunjukkan bahwa gambar adalah video.

  4. Cara menghapus hamparan iklan dari video yang disematkan

    Dalam akun YouTube host, Anda dapat menonaktifkan iklan di bagian atas video. Pelajari lebih lanjut

Menambahkan formulir yang disematkan ke file HTML iklan yang diperluas

Catatan: fungsi ini hanya tersedia untuk klien yang diizinkan. 

Formulir HTML di iklan Gmail mempersingkat langkah menuju konversi. Buat formulir menggunakan HTML dan CSS yang didukung, dan pastikan untuk hanya menggunakan bidang dari daftar bidang formulir yang diizinkan di bawah ini.

Masalah privasi

Jika formulir disematkan di iklan, Anda harus menyertakan tautan menuju kebijakan privasi dan mematuhi kebijakan AdWords seputar pengumpulan dan penggunaan data yang tidak bertanggung jawab.

Semua informasi yang dimasukkan ke formulir akan diteruskan langsung kepada Anda melalui metode GET atau POST, tidak ada yang melewati atau disimpan di server Google. Anda bertanggung jawab terhadap pemrosesan data.

Ketika membuat formulir di iklan HTML khusus, ingat bahwa pengguna mungkin ragu atau tidak ingin berbagi informasi tertentu, khususnya ketika mengirimkan informasi di luar situs web Anda.

Pertimbangkan pertanyaan berikut sebelum membuat formulir HTML:

  • Apakah informasi yang Anda minta tidak diperlukan dalam memberikan penawaran yang relevan bagi pengguna?
  • Apakah informasi tersebut, bila berada di tangan yang salah, dapat digunakan untuk merugikan pengguna?

Jika Anda menjawab "ya" untuk salah satu dari pertanyaan ini, mungkin sebaiknya jangan sertakan formulir HTML dalam promosi Anda.

Langkah 1. Buat formulir Anda

Berikut adalah bidang formulir yang diizinkan dalam formulir HTML untuk iklan Gmail.

Info dasar Bidang formulir yang diizinkan
Kategori Nama (Nama depan, Nama belakang)
Alamat
Kota
Provinsi
Kode pos
Negara
Alamat email
Nomor telepon
Usia
13-18 tahun
18-24 tahun
25-34 tahun
35-44 tahun
45-54 tahun
55-64 tahun
di atas 65 tahun
Jenis kelamin
Saat terbaik untuk menelepon
Program atau produk yang diminati
Pendidikan Tahun lulus
Tingkat pendidikan tertinggi
Lokal dan klasifikasi Lokasi layanan yang diinginkan
Jenis layanan
Keuangan/Asuransi
kisaran untuk bidang Rp:
0 - 149.999.999
150,000,000 - 249,999,999
250.000.000 - 399.999.999
400.000.000 - 599.999.999
600.000.000 - 749.999.999
750.000.000 - 999.999.999
di atas 1.000.000.000
Jumlah pinjaman (kisaran)
Mata uang
Jenis pembiayaan (pinjaman, hipotek, kartu kredit)
Pendapatan rumah tangga (kisaran)
Aset yang dapat diinvestasikan (kisaran)
Jumlah yang ditanggung asuransi jiwa (kisaran)
Anggota militer
Kepemilikan sendiri atau sewa (mobil, rumah, dll.)
Nilai kredit Anda
sangat buruk
buruk
sedang
baik
istimewa
Berapa nilai rumah Anda? (kisaran)
Otomotif Produsen/model mobil
Perjalanan Asal atau tujuan
Tanggal keberangkatan/kembali
B2B Perusahaan
Pekerjaan
Jabatan
Jumlah karyawan
1-10
10-50
50-100
100-500
lebih dari 500

Langkah 2. Tambahkan validasi formulir

Untuk memastikan orang-orang memasukkan informasi yang valid, Anda dapat menambahkan validasi formulir berikut.

Masukan wajib diisi: Untuk memastikan semua bidang terisi, tambahkan 'required' ke masukan <input required type="text" size="25">
batas-Masukan jenis telepon*: Untuk memastikan format nomor telepon yang valid, tambahkan 'x-autocompletetype="phone-full"'. Format yang diterima adalah semua yang berisi 10 digit <input type="text" x-autocompletetype="phone-full" size="25">
Masukan jenis email*: Untuk memastikan format email yang valid, tambahkan atribut 'x-autocompletetype="email"'. Format yang diterima adalah string teks dalam format xxx@xxx.xxx. <input type="text" x-autocompletetype="email" size="25">
Masukan jenis kode pos*: Untuk memastikan format kode pos yang valid, tambahkan atribut 'x-autocompletetype="postal-code"'. Format yang diterima adalah berupa string yang diawali dengan 5 digit. <input type="text" x-autocompletetype="postal-code" size="25">

*Jika bidang tidak ditandai sebagai 'required', bidang hanya akan divalidasi jika berisi nilai.

Tautan terkait

Apakah artikel ini membantu?
Bagaimana cara meningkatkannya?