Opret Gmail-annoncer med tilpasset HTML

Tilpasset HTML, som er velegnet til erfarne annoncører, giver mulighed for at oprette annoncer, som adskiller sig fra dem, der kan oprettes med de forhåndskonfigurerede Gmail-annonceskabeloner. Disse annoncer kan indeholde 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 Google Ads. 

I denne artikel kan du læse om, hvordan du konfigurerer og uploader tilpassede Gmail-annoncer.

Før du begynder

Vigtigt! Vær opmærksom på, at destinationswebadressens formatering bevares i Gmail-annoncer med tilpasset HTML, og at de ikke er kompatible med endelige webadresser og sporingsskabeloner. Få flere oplysninger om opgraderede webadresser.

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: maksimum 144 x 144 pixels med billedformat 1:1
  • Maks. filstørrelse: 150 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 150 KB 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: Virksomhedsnavn
Emne: 20 % rabat på alle varer hos Virksomhedsnavn
Beskrivelse: Køb nye produkter til lave priser!
Annonceret webadresse: www.eksempel.dk
Landingsside: https://www.eksempel.dk/udsalg

Bemærk! Følg eksemplet nøjagtigt, og sørg for at indtaste overskrifterne på dansk, præcis som det er vist nedenfor. Husk også at medtage både kategorien (f.eks. "Annoncør") og dine specifikke oplysninger. Nedenstående tabel indeholder tegnbegrænsningerne samt en vejledning i, hvad der skal medtages.

Overskrifter 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 90 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 en udvidet annonce

For at din udvidede annonce kan oprettes, 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 præcist skal hedde"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 "Gmail-annonce med tilpasset HTML", skal du sørge for at tilføje de sporingswebadresser, du vil bruge, i index.html-filen og i teaser.txt-filen.
  • Opmærkning: HTML (brug UTF8-kodning), visse HTML5-tags ( "ARTICLE", "ASIDE", "FIGCAPTION", "FIGURE", "FOOTER", "HEADER", "MARK", "SECTION", "TIME" og "WBR") og visse typer CSS (kun typografiattributten for tags, f.eks. <div style="color: black" >) understøttes.

Opmærkning er 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: giffer

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 vedkommende tilbage til den udvidede Gmail-annonce. På mobilenheder afspilles videoen i brugerens foretrukne videoafspiller (f.eks. YouTube-appen eller en browser). 

    Vejledning: Hvis du vil tilføje video fra YouTube, skal du kode YouTube-linket, billedkilden og den tekst, der skal vises, så de passer til 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 Google Ads, 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 forhåndsvisningsbillede skal indeholde en afspilningsknap, så brugerne kan se, at der afspilles en video, hvis de klikker på billedet. Google Ads føjer ikke noget til forhåndsvisningsbilleder for at vise, at der er tale om videoer.

Relaterede links

Var disse oplysninger nyttige?
Hvordan kan vi forbedre siden?

Har du brug for mere hjælp?

Log ind for at se yderligere supportmuligheder, så du hurtigt kan løse problemet