Opret Gmail-annoncer med tilpasset HTML

Tilpasset HTML er velegnet til meget erfarne annoncører og giver mulighed for at oprette annoncer, der adskiller sig fra eksisterende Gmail-annonceskabeloner. Disse annoncer kan omfatte video og flere opfordringer til handling. Hvis du vil oprette Gmail-annoncer med dit eget tilpassede layout, kan du uploade dine egne tilpassede HTML-filer til AdWords. 

Denne artikel forklarer, hvordan du konfigurerer og uploader dine tilpassede Gmail-annoncer.

Før du begynder

Vigtigt! Vær opmærksom på, at tilpassede HTML-Gmail-skabeloner bevarer samme formatering som en destinationswebadresse, og at de derfor ikke er kompatible med endelige webadresser og sporingsskabeloner. Få flere oplysninger om opgraderede webadresser.

 

De fleste brugere administrerer nu deres konti via den nye Google Ads-oplevelse. Hvis du stadig bruger den forrige AdWords-oplevelse, skal du vælge Forrige nedenfor. Få flere oplysninger

Vejledning

En tilpasset HTML-Gmail-annonce er en pakket mappe (.zip), der indeholder alle filerne til din minimerede og din udvidede annonce. For at undgå problemer skal du være meget opmærksom på de meget specifikke formateringsspecifikationer nedenfor.

Her kan du se de samlede grænser for størrelse for din annonce:

  • Din samlede pakkede mappe: Mindre end 1,25 MB
  • Antal filer: Under 100 filer
  • Filstørrelse: Under 500 kB

Sådan opretter du din minimerede annonce

For at oprette din minimerede annonce skal der føjes to filer til din pakkede mappe:

  • Logobilledet (skal hedde "logo.png", "logo.jpg" eller "logo.gif")
  • Tekstfilen (skal hedde "teaser.txt")

Specifikationer for logobilleder

Filen skal hedde præcist "logo.png", "logo.jpg" eller "logo.gif", og filformatet skal være PNG, JPG eller GIF.

  • Logobilledstørrelse: Under 144 x 144 pixels
  • Filstørrelse: Under 500 kB
  • Filformater: PNG, JPG eller GIF (ikke-animerede)

Logobilledet er et lille ikon, grafisk element eller brandlogo.

Billedet vises som et kvadrat på 50 x 50 pixels på enheder med normal opløsning, men vi accepterer op til 144 x 144 pixels for at opnå mere klar visning på visse skærme. 

Specifikationer for tekstfiler

Filen skal hedde præcist "teaser.txt", og filformatet skal være TXT. Her er et eksempel på en korrekt formateret tekstfil:

Annoncør: Pelles Møbler
Emne: 20 % rabat på alt hos Pelles Møbler
Beskrivelse: Køb nye produkter til lavpris!
Annonceret webadresse: www.eksempel.dk
Landingsside: https://www.eksempel.dk/udsalg 

Bemærk! Følg eksemplet helt nøjagtigt. Husk at medtage både kategorien (f.eks. "Annoncør") og dine specifikke oplysninger. Nedenstående tabel indeholder reglerne for antal tegn samt en vejledning i, hvad der skal medtages.

  Tegnbegrænsning Hvad skal medtages?
Annoncør 20 Din virksomheds navn eller domæne.
Emne 25 Din titel kan indeholde et tilbud, en rabatprocent eller et fængende budskab.
Beskrivelse 100 Din beskrivelse kan være en kort forklaring eller en opfordring til handling.
Annonceret webadresse 32 Din webadresse, som den vises i din annonce.
Landingsside Ingen begrænsning Teaserens webadresse til omdirigering – bruges som destinationswebadresse, når der klikkes på den korte, afsenderrelevante webadresse i den udvidede annonce. Du kan tilføje en statisk kliksporingswebadresse i dette felt. Dette er den side, folk lander på, når de klikker på din annoncerede webadresse.

 

Sådan opretter du din udvidede annonce

For at oprette din udvidede annonce skal der føjes én HTML-fil og én billedmappe til din pakkede mappe:

  • Billedmappe, som skal hedde "Images" og indeholde billedfilerne til den udvidede annonce
  • HTML-fil, som skal hedde præcist "index.html"

Specifikationer for billedmapper

  • Din annonce skal indeholde mindst ét billede og kan indeholde op til 100 billeder. Gå til videosektionen nedenfor, hvis du ønsker at integrere videoer i din udvidede annonce.
  • Maksimumbredde pr. billeder: 650 pixels
  • Maksimumhøjde pr. billede: 1.000 pixels (vi anbefaler for at gøre annoncerne så effektive som muligt, at det samlede annoncekanvas, som omfatter al din tekst og alle dine billeder, ikke er højere end 650 pixels)

Specifikationer for HTML-filer

Tekniske oplysninger

  • Webadresser: Skal indeholde mindst én absolut webadresse (kan indeholde op til 15), og alle specialtegn skal være kodet (f.eks. mellemrum, #).
  • Formatering: Brug standard-HTML-tabeller til at styre layoutet for at sikre en ensartet præsentation på tværs af enheder.
  • Sporing: Statiske sporingswebadresser kan bruges til sporing af eksterne klik. Eksponeringssporingspixels og dynamiske sporingswebadresser er ikke tilladt. Hvis du bruger skabelonen "Tilpasset HTML-annonce i Gmail", skal du sørge for at tilføje de sporingswebadresser, du ønsker at bruge, i index.html-filen og i teaser.txt-filen.
  • Markering: HTML (brug UTF8-kodning), visse HTML5-tags ( "ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME", "WBR") og visse typer CSS (kun attributtetn for tags, f.eks. <div style="color: black" >) understøttes

Markering, der ikke tilladt

  • Javascript: <script>-tags fjernes automatisk fra annoncen
  • Stylesheets: <link>-tags fjernes automatisk fra annoncen
  • Flash
  • HTML5: De eneste tags, der understøttes, er "ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME" og "WBR"
  • Lyd
  • iframes
  • Animerede billeder: GIF-filer

Understøttet CSS

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 sæt på 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  

Tilføj en video i HTML-filen for din udvidede annonce

  1. Sådan tilføjer du en video

    En YouTube-video kan integreres i en annonce med et eksempelvindue. Når brugeren klikker på videobilledet, afspilles videoen i en lysboks i Gmail. Når brugeren er færdig med at se videoen, sendes de tilbage til den udvidede Gmail-annonce. På mobilenheder afspilles videoen i brugerens foretrukne videoafspiller (f.eks. YouTube-appen eller en browser). 

    Vejledning: For at tilføje video fra YouTube skal du kode YouTube-linket, billedkilden og den tekst, der skal vises, så de er passende for din annonce. Eksempel:

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

    Bemærk! Når du ser et eksempel på annoncen i AdWords, vises YouTube-videoen ikke, og den afspilles heller ikke i lysboksen.

  2. Sådan tilføjer du en video på en ny fane

    Hvis du ønsker, at videoen afspilles på en ny fane i YouTube i stedet for i en lysboks, skal du angive klassen som "nonplayable".

    Eksempel:

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

  3. Husk at inkludere en afspilningsknap på dit eksempelbillede

    Dit eksempelbillede skal indeholde en afspilningsknap for at vise, at der afspilles en video, når der klikkes på billedet. AdWords føjer ikke noget til eksempelbilleder for at angive, at de er videoer.

  4. Sådan fjerner du annonceoverlejringer fra dine integrerede videoer

    På YouTube-hostkontoen er der en indstilling til deaktivering af annonceoverlejringer på dine videoer. Få flere oplysninger

Tilføj en integreret formular i HTML-filen for din udvidede annonce

Bemærk! Denne funktion er kun tilgængelig for klienter på hvidliste. 

HTML-formularer i Gmail-annoncer gør ofte vejen til en konvertering hurtigere. Opret formularen ved brug af HTML og de understøttede CSS-værdier, og sørg for kun at bruge felter fra nedenstående liste over tilladte formularfelter.

Problemer omkring personlige oplysninger

Hvis der integreres en formular i annoncen, skal der medtages et link til din privatlivspolitik, og du skal overholde AdWords-politikken vedrørende uansvarlig indsamling og brug af data.

Alle oplysninger, der indtastes i formularen, overføres direkte til dig via GET- eller POST-metoden. Ingen oplysninger overføres til eller gemmes på Googles servere. Du er selv ansvarlig for behandlingen af ​​dataene.

Når du opretter formularer i dine annoncer med tilpasset HTML, skal du huske, at brugerne muligvis er tilbageholdende med eller uvillige til at dele bestemte oplysninger med andre, især når det gælder indsendelse af oplysninger uden for dit website.

Overvej følgende, inden du opretter en HTML-formular:

  • Er de oplysninger, du anmoder om, unødvendige i forhold til dine muligheder for at give brugeren et relevant tilbud?
  • Kan oplysningerne skade brugeren, hvis de skulle ende i de forkerte hænder?

Hvis svaret på et af eller begge disse spørgsmål er "ja", er det muligvis ikke en god idé at medtage HTML-formularer i din promovering.

Trin 1. Opret din formular

Nedenstående formularfelter er tilladt i HTML-formularer til Gmail-annoncer.

Grundlæggende oplysninger Tilladte formularfelter
Kategori Navn (for- og efternavn)
Adresse
By
Stat
Postnummer
Land
Mailadresse
Telefonnummer
Alder
13-18
18-24
25-34
35-44
45-54
55-64
65 eller derover
Køn
Bedste træffetidspunkt
Program eller produkt, vedkommende er interesseret i
Uddannelse Afgangsår
Højeste uddannelsesniveau
Lokale annoncer og rubrikannoncer Ønsket geografisk placering for tjenesten
Tjenestetype
Økonomi/forsikring
Intervaller for beløbsfelter (i USD):
0 - 14999
15.000 - 24.999
25.000 - 39.999
40.000 - 59.999
60.000 - 74.999
75.000 - 99.999
over 100.000
Lånebeløb (interval)
Valuta
Finansieringstype (almindeligt lån, boliglån eller kreditkort)
Husstandsindkomst (interval)
Investeringsaktiver (interval)
Livsforsikringsbeløb (interval)
Soldat/værnepligtig
Ejer eller lejer (bil, bolig osv.)
Kreditværdighed
Meget dårlig
Dårlig
Rimelig
God
Fremragende
Hvad er din bolig værd? (interval)
Biler Bilmærke/-model
Rejser Afrejsested eller destination
Afrejse-/hjemrejsedato
B2B Virksomhed
Job
Stilling
Antal medarbejdere
1-10
10-50
50-100
100-500
over 500

Trin 2. Tilføj formularvalideringer

Tilføj følgende formularvalideringer for at sikre, at folk indtaster gyldige oplysninger.

Forebyggelse af manglende input: Hvis du vil sikre, at et felt ikke springes over, kan du føje "required" til inputtet. <input required type="text" size="25">
border-Input i telefonnummerformat*: Hvis du vil sikre, at telefonnummeret er gyldigt, kan du tilføje "x-autocompletetype="phone-full"". Det accepterede format vil være et nummer, som har 10 cifre. <input type="text" x-autocompletetype="phone-full" size="25">
Input i e-mailformat*: Hvis du vil sikre, at e-mailen er gyldig, kan du tilføje attributten "x-autocompletetype="email"". Det accepterede format vil være en tekststreng i formatet xxx@xxx.xxx. <input type="text" x-autocompletetype="email" size="25">
Input i postnummerformat*: Hvis du vil sikre, at postnummeret er gyldigt, kan du tilføje attributten "x-autocompletetype="postal-code"". Det accepterede format vil være en streng, der begynder med 5 cifre. <input type="text" x-autocompletetype="postal-code" size="25">

*Hvis feltet ikke markeres som "required", valideres det kun, hvis det indeholder en værdi.

Relaterede links

Var denne artikel nyttig?
Hvordan kan vi forbedre siden?
Gamle Nye