Membuat iklan Gmail dengan HTML khusus

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 Google Ads. 

Artikel ini menjelaskan cara mengonfigurasi dan mengupload iklan Gmail khusus.

Sebelum memulai

Penting: Perlu diingat bahwa iklan Gmail dengan HTML khusus mempertahankan format URL tujuan, serta tidak kompatibel dengan URL final dan template pelacakan. Pelajari URL upgrade 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: minimum 144 x 144 piksel dengan rasio aspek 1:1
  • Ukuran file maksimum: 150 KB
  • Format file: PNG, JPG, atau GIF (non-animasi)

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

Gambar akan ditampilkan sebagai persegi 50 x 50 pada perangkat dengan resolusi normal, namun kami menerima hingga 150 KB 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 Tayangan: www.example.com
Halaman Landing: https://www.example.com/sale

Catatan: Ikuti persis seperti contoh tersebut dan pastikan untuk memasukkan judul dalam bahasa Inggris persis seperti yang ditampilkan di bawah. Selain itu, 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.

Judul Batas karakter Yang harus disertakan
Advertiser 20 Nama atau domain perusahaan Anda.
Subject 25 Judul yang dapat menyertakan penawaran, % diskon, atau pengumuman menarik.
Description 90 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, langsung lanjutkan 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 dienkode (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 yang 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"
  • Audio
  • 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 mengklik gambar video, video akan diputar dalam Lightbox di Gmail. Setelah pengguna selesai menonton video, mereka akan diarahkan kembali ke iklan Gmail yang diperluas. Di perangkat seluler, video akan diputar pada pemutar video yang ditentukan oleh pengguna (seperti aplikasi YouTube atau browser). 

    Petunjuk: Untuk menambahkan video dari YouTube, kodekan link 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 Google Ads, 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 bahwa gambar bisa diklik untuk memutar video, gambar pratinjau harus menyertakan tombol putar. Google Ads tidak menambahkan apa pun ke gambar pratinjau untuk menunjukkan bahwa gambar adalah video.

Link terkait

Apakah ini membantu?
Bagaimana cara meningkatkannya?

Perlu bantuan lain?

Login untuk opsi dukungan tambahan guna memecahkan masalah dengan cepat