Gmail‑mainosten luominen muokatun HTML-koodin avulla

Muokattua HTML‑koodia käyttämällä voit luoda erilaisiin Gmail-mainosmalleihin perustuvia mainoksia. Tämä mainosten luontitapa soveltuu kokeneille mainostajille. Näin luodut mainokset voivat sisältää videoita ja useita toimintakehotuksia. Jos haluat käyttää Gmail-mainoksissa omaa muokattua asetteluasi, lataa omia muokattuja HTML-tiedostojasi AdWordsiin. 

Tässä artikkelissa kerrotaan muokattujen Gmail-mainosten määrittämisestä ja lataamisesta.

Huomioitavaa ennen aloitusta

Tärkeää: Muista, että kohde-URL-osoitteen muotoilu säilyy Gmailin muokatuissa HTML-mainoksissa, eivätkä nämä mainokset ole yhteensopivia lopullisten URL-osoitteiden tai seurantamallien kanssa. Lue lisää päivitetyistä URL-osoitteista.

 

Uusi Google Ads on nyt useimpien käyttäjien ainoa tapa hoitaa tilejä. Jos käytät edelleen aiempaa AdWordsia, valitse alta AiempiLisätietoja

Ohjeet

Muokatun HTML-koodin sisältävä Gmail-mainos on ZIP-kansiossa, joka sisältää kaikki tiivistetyn ja laajennetun mainoksesi tiedostot. Kiinnitä erityistä huomiota tiukkoihin muotoilumäärityksiin alla.

Mainoksesi kokorajoitukset ovat seuraavat:

  • ZIP-kansion kokonaiskoko: < 1,25 Mt
  • Tiedostojen määrä: < 100 tiedostoa
  • Tiedostokoko: < 500 kt.

Tiivistetyn mainoksen luominen

Lisää tiivistetyn mainoksen luomista varten ZIP-kansioosi kaksi tiedostoa:

  • logokuva (nimeltään logo.png, logo.jpg tai logo.gif)
  • tekstitiedosto (nimeltään teaser.txt).

Logokuvan määritykset

Tiedoston nimeksi on annettava joko logo.png, logo.jpg tai logo.gif, ja tiedostomuodon on oltava PNG, JPG tai GIF.

  • Logokuvan koko: < 144 x 144
  • Tiedostokoko: < 500 kt
  • Tiedostomuodot: PNG, JPG tai GIF (ei animoitu)

Logokuva on pieni kuvake, kuva tai brändin logo.

Kuva näytetään 50 x 50 ‑kokoisena neliönä tavallisen resoluution laitteissa, mutta hyväksymme jopa koon 144 x 144 joidenkin näyttöjen selkeämpää näkymää varten. 

Tekstitiedoston määritykset

Tiedoston nimeksi on annettava teaser.txt, ja tiedostomuodon on oltava TXT. Seuraavassa on esimerkki oikein muotoillusta tekstitiedostosta.

Advertiser: Business Name
Subject: Everything 20% Off at Business Name
Description: Buy new products at low prices!
Display Url: www.example.com
Landing Page: https://www.example.com/sale 

Huom. Noudata esimerkkiä tarkoin. Muista lisätä sekä luokka (kuten Advertiser) ja tarkemmat tiedot. Alla olevassa taulukossa on merkkirajoitukset ja ohjeita sisällytettävistä tiedoista.

  Merkkirajoitukset Sisällytettävät tiedot
Advertiser 20 Yrityksen nimi tai verkkotunnus.
Subject 25 Otsikko voi sisältää tarjouksen, prosenttialennuksen tai houkuttelevan ilmoituksen.
Description 100 Kuvaus voi olla lyhyt yhteenveto tai toimintakehotus.
Display URL 32 URL-osoitteesi mainoksessa näkyvässä muodossa.
Landing page ei rajoitusta Houkuttimen uudelleenohjausosoite: Tätä osoitetta käytetään kohde-URL-osoitteena klikattaessa lähettäjän näkyvää lyhennettyä URL-osoitetta, kun laajennettu mainos avataan. Voit lisätä tähän kenttään staattisen klikkausten seuranta-URL-osoitteen. Tämä on sivu, jolle käyttäjät saapuvat klikattuaan näkyvää URL-osoitettasi.

 

Laajennetun mainoksen luominen

Lisää laajennetun mainoksen luomista varten ZIP-kansioosi seuraavat:

  • kuvakansio (nimeltään Kuvat), joka sisältää laajennetun mainoksen kuvatiedostot
  • HTML-tiedosto nimeltään index.html.

Kuvakansion määritykset

  • Mainoksen tulee sisältää 1–100 kuvaa. Jos haluat upottaa videoita laajennettuun mainokseesi, siirry alla olevaan video-osioon.
  • Kuvan suurin sallittu leveys on 650 pikseliä.
  • Kuvan suurin sallittu korkeus on 1 000 pikseliä. (Huom. Mainokset ovat tehokkaimpia, kun määrität koko mainosnäkymän korkeudeksi enintään 650 pikseliä, mikä sisältää kaiken tekstin ja kaikki kuvat.)

HTML-tiedoston määritykset

Tekniset tiedot

  • URL-osoitteet: Tiedoston täytyy sisältää ainakin yksi absoluuttinen URL-osoite (enimmäismäärä 15 osoitetta), ja kaikkien erikoismerkkien (esimerkiksi välilyöntien ja #-merkin) on oltava koodattuja.
  • Muotoilu: Voit varmistaa yhtenäisen ulkoasun eri laitteilla käyttämällä asettelussa HTML-vakiotaulukoita.
  • Seuranta: Ulkoisia klikkauksia voi seurata staattisten seuranta-URL-osoitteiden avulla. Impressioiden seurantapikseleitä ja dynaamisia seuranta-URL-osoitteita ei sallita. Jos käytät Gmailin muokattu HTML‑mainos ‑mallia, lisää käytettävät seuranta‑URL‑osoitteet sekä index.html‑tiedostoon että teaser.txt‑tiedostoon.
  • Kuvauskieli: Tuettuja ovat HTML (käytä UTF8‑merkkijärjestelmää), jotkin HTML5‑tagit (ARTICLE, ASIDE, FIGCAPTION, FIGURE, FOOTER, HEADER, MARK, SECTION, TIME ja WBR) ja jotkin CSS‑määritykset (vain tageihin lisättävät style‑attribuutit, kuten <div style="color: black">).

Kielletyt kuvauskielet

  • Javascript: <script>‑tagit poistetaan automaattisesti mainoksesta
  • Stylesheets: <link>‑tagit poistetaan automaattisesti mainoksesta
  • Flash
  • HTML5: Ainoat tuetut tagit ovat ARTICLE, ASIDE, FIGCAPTION, FIGURE, FOOTER, HEADER, MARK, SECTION, TIME ja WBR
  • Audio
  • iFrame‑kehykset
  • Animoidut kuvat: GIF

Tuetut CSS‑määritykset

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  

Videon lisääminen laajennetun mainoksen HTML-tiedostoon

  1. Videon lisääminen

    YouTube-video voidaan upottaa mainokseen, jossa on esikatseluikkuna. Kun tietokoneen käyttäjä klikkaa videon kuvaa, video toistetaan Gmailissa lightbox-ikkunassa. Kun käyttäjä on lopettanut videon katselun, hänet palautetaan Gmailin laajennettuun mainokseen. Mobiililaitteella video toistetaan käyttäjän oletusvideosoittimessa (esimerkiksi YouTube-sovelluksessa tai selaimessa). 

    Ohjeet: Voit lisätä videon YouTubesta koodaamalla YouTube-linkin, kuvan lähteen ja näytettävän tekstin mainokseesi sopiviksi. Esimerkki:

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

    Huom. Kun esikatselet mainosta AdWordsissa, YouTube-video ei näy eikä sitä toisteta lightbox-ikkunassa.

  2. Videon lisääminen uudelle välilehdelle

    Jos haluat, että videosi avautuu YouTubessa uudella välilehdellä eikä lightbox-ikkunassa, määritä class-arvoksi "nonplayable".

    Esimerkki:

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

  3. Tärkeää: Lisää esikatselukuvaan toistopainike

    Jotta ihmiset näkevät, että kuvan klikkaaminen toistaa videon, esikatselukuvaan on lisättävä jonkinlainen toistopainike. AdWords ei lisää esikatselukuviin mitään sen merkiksi, että kyseessä on video.

Aiheeseen liittyviä linkkejä

Oliko tästä apua?
Miten sivua voisi parantaa?
Aiempi Uusi

Tarvitsetko lisäapua?

Kirjaudu sisään nähdäksesi lisää tukivaihtoehtoja ongelman nopeaan ratkaisuun