Gmail-hirdetések létrehozása egyéni HTML-lel

A haladó hirdetőknek való egyéni HTML segítségével a meglévő Gmail-hirdetéssablonokból különféle hirdetéseket hozhat létre. Ezek a hirdetések videót és cselekvésre ösztönzéseket tartalmazhatnak. Ha személyre szabott elrendezésű Gmail-hirdetéseket szeretne létrehozni, töltse fel saját egyéni HTML-fájljait a Google Ads rendszerbe. 

Ez a cikk azt ismerteti, hogyan kell beállítani és feltölteni az egyéni Gmail-hirdetéseket.

Mielőtt elkezdené

Fontos: Ne feledje, hogy az egyéni HTML-lel készült Gmail-hirdetések megőrzik a cél-URL formázását, és nem használhatók végső URL-ekkel, valamint követősablonokkal. További információ a bővített URL-ekről.

Utasítások

Az egyéni HTML-lel készített Gmail-hirdetés egy olyan ZIP-mappa, amelyben megtalálható az összecsukott és a kibontott hirdetéshez tartozó összes fájl. A problémák elkerülése érdekében gondosan ügyeljen az alább részletezett szigorú formázási előírásokra.

A hirdetés teljes méretkorlátai az alábbiak:

  • A teljes ZIP-mappa: < 1,25 MB
  • Fájlok száma: < 100 fájl
  • Fájlméret: < 500 KB

Az összecsukott hirdetés elkészítése

Az összecsukott hirdetés számára a ZIP-mappában két fájlt kell elhelyezni:

  • az emblémaképet (melynek neve „logo.png”, „logo.jpg” vagy „logo.gif”);
  • a szöveges fájlt (melynek neve „teaser.txt”).

Az emblémaképre vonatkozó előírások

A fájl neve legyen pontosan „logo.png”, „logo.jpg” vagy „logo.gif”, formátuma pedig PNG, JPG vagy GIF.

  • Embléma képmérete: legfeljebb 144 képpont x 144 képpont 1:1 képaránnyal
  • Maximális fájlméret: 150 kB
  • Fájlformátumok: PNG, JPG vagy GIF (nem animált)

Az emblémakép egy kis ikon, grafika vagy márkajelzés.

Szokásos felbontású eszközökön a kép 50 x 50 képpont méretű kockaként jelenik meg, de akár 150 kB méretű képet is használhat, amely bizonyos képernyőkön tisztábban fog megjelenni.

A szöveges fájlra vonatkozó előírások

A fájl neve legyen pontosan „teaser.txt”, formátuma pedig TXT. Íme egy példa megfelelően formázott szöveges fájlra.

Advertiser: Cégnév
Subject: A Cégnév mindenre 20% kedvezményt ad
Description: Vásároljon új termékeket a legalacsonyabb árakon!
Display Url: www.example.com
Landing Page: https://www.example.com/sale

Megjegyzés: Kövesse pontosan a megadott példát, és a címsorokat pontosan az alábbiaknak megfelelően, angolul írja be. Ügyeljen arra, hogy feltüntesse a kategóriát (pl. „Advertiser”) és a konkrét információkat is. Az alábbi táblázat ismerteti a maximális karakterszámokat, és további útmutatást ad arra nézve, hogy mit kell feltüntetni.

Címsorok Karakterkorlátok Mit tartalmazzon?
Advertiser 20 A cég neve vagy domainje.
Subject 25 A cím tartalmazhat ajánlatot, %-os kedvezményt vagy vonzó bejelentést.
Description 90 A leírás lehet rövid összefoglaló vagy cselekvésre ösztönzés.
Display URL 32 Az URL, ahogy a hirdetésben megjelenik
Landing page nincs határ Kedvcsináló átirányítási URL-je – cél-URL-ként szolgál a „Feladó által megjelenített rövid URL”-re leadott kattintások esetén a kibontott hirdetés megnyitásakor. Statikus kattintáskövető URL-t is megadhat ebben a mezőben. Erre az oldalra kerülnek a felhasználók, miután a megjelenített URL-re kattintanak.

 

A kibontott hirdetés elkészítése

A kibontott hirdetés esetében a ZIP-mappában egy HTML-fájlt és egy képeket tartalmazó mappát kell elhelyezni:

  • A képeket tartalmazó mappa (neve: „Images”) tartalmazza a kibontott hirdetés képfájljait;
  • A HTML-fájl neve pontosan „index.html” legyen.

A képeket tartalmazó mappa műszaki adatai

  • A hirdetésnek legalább egy és legfeljebb 100 képet kell tartalmaznia. Ha a kibontott hirdetésbe videót szeretne beágyazni, lépjen tovább a videókról szóló lenti részre.
  • A képek maximális szélessége: 650 képpont
  • A képek maximális magassága: 1000 képpont (Megjegyzés: a legjobb eredmény elérése érdekében javasoljuk, hogy a hirdetés összes szöveget és képet tartalmazó teljes területének magassága ne legyen több 650 képpontnál.)

A HTML-fájl műszaki adatai

Műszaki adatok

  • URL-ek: Legalább egy (és legfeljebb 15) abszolút URL-t kell tartalmaznia, és minden különleges karaktert (például szóközöket, kettőskeresztet) kódolni kell.
  • Formázás: Az elrendezést hagyományos HTML-táblázatokkal alakítsa ki, hogy minden eszközön konzisztens legyen a megjelenés.
  • Nyomon követés: A külső kattintások nyomon követésére statikus követési URL-ek használhatók. Nem megengedett megjelenítéskövető képpontok és dinamikus nyomonkövetési URL-ek használata. Ha az „Egyéni Gmail HTML-hirdetés” sablont használja, a használni kívánt nyomonkövetési URL-eket mindenképpen adja hozzá az index.html és a teaser.txt fájlhoz is.
  • Jelölés: HTML (használjon UTF8-kódolást). Bizonyos HTML5-címkék („ARTICLE”, „ASIDE”, „FIGCAPTION”, „FIGURE”, „FOOTER”, „HEADER”, „MARK”, „SECTION”, „TIME”, „WBR”) és bizonyos CSS (csak a címkék stílusattribútumai esetében, például: <div style="color: black" >) használata támogatott.

Nem engedélyezett jelölés

  • Javascript: a rendszer a <script> címkéket automatikusan eltávolítja a hirdetésből
  • Stíluslapok: a rendszer a <link> címkéket automatikusan eltávolítja a hirdetésből
  • Flash
  • HTML5: a rendszer csak a következő címkéket támogatja: „ARTICLE”, „ASIDE”, „FIGCAPTION”, „FIGURE”, „FOOTER”, „HEADER”, „MARK”, „SECTION”, „TIME”, „WBR”
  • Hanganyag
  • iFrame-ek
  • Animált képek: GIF-ek

Támogatott 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 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  

Videó hozzáadása kibontott hirdetések HTML-fájljaihoz

  1. Videó hozzáadása

    Az előnézeti ablakkal rendelkező hirdetésekbe YouTube-videókat lehet beágyazni. Ha valaki számítógépen rákattint a videó képére, a Gmailen belül egy átvilágítódobozban sor kerül a videó lejátszására. Miután a felhasználó megtekintette a videót, visszakerül a Gmailben lévő kibontott hirdetéshez. Mobileszközön a videó a felhasználó által kijelölt videolejátszóban jelenik meg (például a YouTube alkalmazásban vagy egy böngészőben). 

    Útmutató: Ha a YouTube-ról szeretne videót hozzáadni, kódolja úgy a YouTube-linket, a kép forrását és a megjelenő szöveget, hogy az a hirdetés számára megfelelő legyen. Például:

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

    Megjegyzés: A hirdetés előnézetének megtekintésekor a Google Ads rendszerben nem jelenik meg a YouTube-videó, illetve nem kerül sor a lejátszására az átvilágítódobozban.

  2. Új lapon elinduló videó hozzáadása

    Ha azt szeretné, hogy a videó új lapon, a YouTube-on jelenjen meg, ne átvilágítódobozban, állítsa be az osztályt (class) „nonplayable” értékre.

    Például:

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

  3. Fontos: Helyezzen el lejátszás gombot az előnézeti képen.

    Annak érdekében, hogy látszódjon, hogy a képre kattintva videó indul el, az előnézeti képen legyen valamilyen lejátszás gomb. A Google Ads nem jelenít meg semmit az előnézeti képeken, amivel jelezné, hogy videóról van szó.

Kapcsolódó linkek

Hasznosnak találta?
Hogyan fejleszthetnénk?

További segítségre van szüksége?

Jelentkezzen be a további támogatási lehetőségek igénybevételéhez, hogy gyorsabban megoldhassa a problémát