Tworzenie reklam do Gmaila w niestandardowym formacie

Niestandardowy kod HTML to opcja odpowiednia dla doświadczonych reklamodawców, która umożliwia tworzenie reklam bez korzystania z gotowych szablonów. Takie reklamy mogą zawierać pliki wideo i wiele wezwań do działania. Aby tworzyć reklamy w Gmailu o niestandardowym układzie, prześlij do AdWords własne pliki HTML. 

Z tego artykułu dowiesz się, jak skonfigurować i przesłać niestandardowe reklamy w Gmailu.

Zanim zaczniesz

Ważne: reklamy w Gmailu w niestandardowym formacie zachowują formatowanie docelowego adresu URL i są niezgodne z końcowymi adresami URL i szablonami śledzenia. Dowiedz się więcej o Ulepszonych adresach URL.

 

Większość użytkowników może zarządzać swoimi kontami tylko za pomocą nowej wersji Google Ads. Jeśli nadal korzystasz z poprzedniej wersji tej usługi, wybierz poniżej opcję „poprzednia”. Więcej informacji

Instrukcje

Niestandardowa reklama w Gmailu to folder ZIP, który zawiera wszystkie pliki reklamy zwiniętej i rozwiniętej. Aby uniknąć problemów, przestrzegaj ścisłych specyfikacji formatowania opisanych poniżej.

Reklamy obowiązują następujące ograniczenia rozmiaru:

  • Całkowity rozmiar folderu ZIP: < 1,25 MB
  • Liczba plików: < 100 plików
  • Rozmiar pliku: < 500 KB

Tworzenie reklamy zwiniętej

Aby utworzyć reklamę zwiniętą, do folderu ZIP musisz dodać dwa pliki:

  • Obraz logo (o nazwie „logo.png”, „logo.jpg” lub „logo.gif”)
  • Plik tekstowy (o nazwie „teaser.txt”)

Specyfikacja obrazu logo

Musisz nazwać plik „logo.png”, „logo.jpg” lub „logo.gif” i zapisać go w formacie PNG, JPG lub GIF.

  • Rozmiar obrazu logo: < 144 x 144
  • Rozmiar pliku: < 500 KB
  • Format pliku: PNG, JPG lub GIF (nieanimowane)

Obraz logo to mała ikona, grafika lub logo marki.

Obraz będzie wyświetlany jako kwadrat o wielkości 50 x 50 pikseli na urządzeniach o normalnej rozdzielczości, lecz akceptujemy też większy rozmiar (maks. 144 x 144 piksele), by zapewnić komfort przeglądania na innych urządzeniach. 

Specyfikacja pliku tekstowego

Musisz nazwać plik „teaser.txt” i zapisać go w formacie TXT. Oto przykład poprawnie sformatowanego pliku tekstowego.

Advertiser: [nazwa firmy]
Subject: Wszystko 20% taniej w [nazwa firmy]
Description: Kupuj nowe produkty w niskich cenach!
Display Url: www.example.com
Landing Page: https://www.example.com/sale 

Uwaga: przygotuj swój plik dokładnie na podstawie przykładu. Pamiętaj, by uwzględnić zarówno kategorię (np. „Advertiser”, czyli reklamodawca”), jak i elementy treści Twojej reklamy. W tabeli poniżej znajdziesz ograniczenia na liczbę znaków i dokładniejsze wskazówki o treści.

  Limity znaków Co uwzględnić?
Advertiser 20 Nazwa lub domena Twojej firmy.
Subject 25 Tytuł – może zawierać ofertę, rabat lub interesującą informację.
Description 100 Opisem może być krótkie podsumowanie lub wezwanie do działania.
Display URL 32 Adres URL, który ma być widoczny w reklamie.
Landing page bez limitu URL przekierowania zwiastuna – używany jako adres docelowy po kliknięciu „krótkiego wyświetlanego URL-a nadawcy” w rozwiniętej reklamie. W tym polu można dodać statyczny URL śledzenia kliknięć. To strona, która wyświetla się użytkownikowi po kliknięciu wyświetlanego adresu URL.

 

Tworzenie reklamy rozwiniętej

Aby utworzyć reklamę rozwiniętą, do folderu ZIP musisz dodać jeden plik HTML i jeden folder obrazów:

  • Folder obrazów (o nazwie „Obrazy”) zawierający pliki obrazów do reklamy rozwiniętej
  • Plik HTML o nazwie „index.html”

Specyfikacja folderu obrazów

  • Twoja reklama musi zawierać co najmniej jeden obraz i maksymalnie 100 obrazów. Aby umieścić plik wideo w swojej reklamie rozwiniętej, przejdź do sekcji wideo poniżej.
  • Maksymalna szerokość obrazu: 650 pikseli
  • Maksymalna wysokość obrazu: 1000 pikseli (Uwaga: aby reklama była skuteczna, jej całkowita wysokość – łącznie z tekstem i wszystkimi obrazami – nie powinna przekraczać 650 pikseli).

Specyfikacja pliku HTML

Dane techniczne

  • Adresy URL: plik musi zawierać co najmniej jeden bezwzględny adres URL (maksymalnie 15), a wszystkie znaki specjalne powinny być zakodowane (spacje, znaki # itp.)
  • Formatowanie: zarządzaj układem za pomocą standardowych tabel HTML, by zapewnić spójną prezentację na różnych urządzeniach
  • Śledzenie: można używać statycznych linków monitorujących do monitorowania kliknięć zewnętrznych. Piksele śledzące wyświetlenia oraz dynamiczne linki monitorujące są zabronione. Jeśli korzystasz z szablonu niestandardowej reklamy HTML w Gmailu, dodaj wybrane linki monitorujące do plików index.html i teaser.txt.
  • Znaczniki: obsługiwany jest HTML (stosuj kodowanie UTF8), niektóre tagi HTML5 („ARTICLE”, „ASIDE”, „FIGCAPTION”, „FIGURE”, „FOOTER”, „HEADER”, „MARK”, „SECTION”, „TIME”, „WBR”) i pewne style CSS (wyłącznie atrybuty stylu tagów, np. <div style="color: black" >)

Niedozwolone znaczniki

  • Skrypt JavaScript: tagi <script> będą automatycznie usuwane z reklamy
  • Arkusze stylów: tagi <link> będą automatycznie usuwane z reklamy
  • Animacja Flash
  • HTML5: obsługiwane są tylko tagi „ARTICLE”, „ASIDE”, „FIGCAPTION”, „FIGURE”, „FOOTER”, „HEADER”, „MARK”, „SECTION”, „TIME” i „WBR”
  • Dźwięk
  • Elementy iframe
  • Animowane obrazy: GIF

Obsługiwane elementy 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  

Dodawanie filmów do pliku HTML rozwiniętej reklamy

  1. Jak dodać wideo?

    Wideo z YouTube można umieścić w reklamie za pomocą okna podglądu. Kiedy użytkownik komputera kliknie obraz wideo, rozpocznie się odtwarzanie filmu w reklamie lightbox w Gmailu. Gdy użytkownik skończy oglądać wideo, wróci do rozwiniętej reklamy w Gmailu. Na telefonach wideo będzie odtwarzane w standardowym odtwarzaczu wideo użytkownika (jak np. aplikacja YouTube lub przeglądarka). 

    Instrukcje: aby dodać film z serwisu YouTube, zakoduj link z YouTube, źródło obrazu i wyświetlany tekst tak, by pasowały do Twojej reklamy. Przykład:

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

    Uwaga: wideo z YouTube nie będzie widoczne ani odtwarzane w module lightbox podczas wyświetlania podglądu reklamy.

  2. Jak dodać wideo w nowej karcie?

    Jeśli chcesz, żeby wideo było odtwarzane w nowej karcie w serwisie YouTube, a nie w module lightbox, wybierz klasę „nonplayable” (nieodtwarzane).

    Przykład:

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

  3. Ważne: dodaj przycisk odtwarzania do obrazu podglądu.

    Aby użytkownik wiedział, że po kliknięciu obrazu zostanie odtworzone wideo, na obrazie podglądu trzeba umieścić przycisk odtwarzania. AdWords nie dodaje do obrazu podglądu żadnego elementu, który sugerowałyby, że jego kliknięcie spowoduje odtworzenie wideo.

  4. Jak usunąć nakładki na reklamie z wbudowanych filmów?

    Na koncie YouTube można wyłączyć reklamy w filmach. Więcej informacji

Dodawanie wbudowanych formularzy do pliku HTML reklamy rozwiniętej

Uwaga: ta funkcja jest dostępna tylko dla klientów dodanych do białej listy. 

Formularze HTML w reklamach w Gmailu skracają drogę do konwersji. Do utworzenia formularza użyj HTML i obsługiwanych elementów CSS. Pamiętaj, że może on zawierać tylko dozwolone pola z listy poniżej.

Kwestie prywatności

W reklamie zawierającej wbudowany formularz musi znaleźć się link do Twojej polityki prywatności, która będzie zgodna z zasadami AdWords dotyczącymi nieodpowiedzialnego zbierania i wykorzystywania danych.

Wszystkie informacje z formularzy otrzymujesz bezpośrednio metodą GET lub POST. Nic nie jest przesyłane na serwery Google ani na nich zapisywane. Ty ponosisz odpowiedzialność za przetwarzanie danych.

Tworząc formularze w niestandardowych reklamach HTML, musisz pamiętać, że użytkownicy czasami niechętnie udostępniają niektóre dane, zwłaszcza jeśli przekazanie informacji odbywa się poza Twoją stroną.

Zanim utworzysz formularz HTML, zastanów się:

  • Czy informacje, o które prosisz, są rzeczywiście niezbędne, aby przedstawić użytkownikowi Twoją ofertę?
  • Czy informacje, o które prosisz, mogłyby zaszkodzić użytkownikowi, gdyby dostały się w niepowołane ręce?

Jeśli odpowiesz „tak” na chociaż jedno z tych pytań, to znaczy, że umieszczenie formularza HTML w takiej reklamie nie jest dobrym pomysłem.

Krok 1. Utwórz formularz

Poniżej znajduje się lista pól dopuszczalnych w formularzach HTML dla reklam w Gmailu.

Informacje podstawowe Dozwolone pola formularza
Kategoria Imię i nazwisko
Adres
Miejscowość
Stan/region
Kod pocztowy
Kraj
Adres e-mail
Numer telefonu
Wiek
13–18
18–24
25–34
35–44
45–54
55–64
65 lub więcej
Płeć
Najlepszy czas na rozmowę telefoniczną
Wybrany program lub produkt
Wykształcenie Rok ukończenia edukacji
Wykształcenie
Ogłoszenia drobne i lokalne Preferowana lokalizacja usługi
Rodzaj usługi
Finanse i ubezpieczenia
zakresy pól PLN:
0–4999
5000–9999
10000–14999
15000–19999
20000–24999
25000–29999
30000+
Wysokość pożyczki (przedział)
Waluta
Rodzaj finansowania (pożyczka, kredyt hipoteczny, karta kredytowa)
Dochód gospodarstwa domowego (przedział)
Aktywa możliwe do zainwestowania (przedział)
Kwota ubezpieczenia na życie (przedział)
Członek armii
Własne lub wynajmowane (samochód, dom itp.)
Oceń swoją zdolność kredytową
bardzo niska
niska
średnia
dobra
wysoka
Jaka jest wartość Twojego domu/mieszkania? (przedział)
Pojazdy Model/marka samochodu
Turystyka Punkt początkowy lub cel podróży
Data wyjazdu/powrotu
Segment B2B Firma
Zawód
Stanowisko
Liczba pracowników
1–10
10–50
50–100
100–500
ponad 500

Krok 2. Określ sposób weryfikacji formularza

Jeśli chcesz mieć pewność, że użytkownicy podają prawdziwe informacje, możesz skorzystać z następujących sposobów weryfikacji formularza.

Pole nie jest puste: Aby upewnić się, że pole nie będzie puste, dodaj atrybut „required”. <input required type="text" size="25">
border-Poprawność wprowadzanego numeru telefonu*: Aby zapewnić poprawność formatu numeru telefonu, dodaj „x-autocompletetype="phone-full"”. Akceptowane będą wówczas numery składające się z 10 cyfr. <input type="text" x-autocompletetype="phone-full" size="25">
Poprawność wprowadzanego adresu e-mail*: Aby zapewnić poprawny format adresu e-mail, dodaj atrybut „x-autocompletetype="e-mail"”. Akceptowane będą wówczas wyłącznie ciągi tekstowe w formacie xxx@xxx.xxx. <input type="text" x-autocompletetype="email" size="25">
Poprawność wprowadzanego kodu pocztowego: Aby zapewnić poprawność formatu kodu pocztowego, dodaj atrybut „x-autocompletetype="postal-code"”. Akceptowane będą wówczas wyłącznie ciągi tekstowe zaczynające się od 5 cyfr. <input type="text" x-autocompletetype="postal-code" size="25">

* Jeżeli pole nie jest oznaczone jako wymagane, zostanie zweryfikowane tylko wtedy, gdy zawiera wartość.

Powiązane artykuły

Poprzednia Nowa