HTML5 expanding build guide

Dodawanie wyjścia

Wyjście jest to obszar reklamy, którego kliknięcie otwiera witrynę reklamodawcy. W każdej kreacji Studio możesz dodać nawet 100 wyjść, więc reklama może kierować użytkowników na różne strony internetowe. Możesz na przykład skonfigurować poszczególne wyjścia, by monitorować, ilu użytkowników otworzyło kliknięciem stronę w serwisie społecznościowym, a ilu kliknęło link do strony reklamodawcy lub przycisk wezwania do działania.

Każda kreacja wymaga co najmniej 1 wyjścia. Wyjścia przypominają tagi kliknięć, ale w odróżnieniu od nich nie wymagają określania adresu URL strony docelowej w kodzie kreacji. Trzeba natomiast podać nazwę wyjścia, by rozpoznać je w raportach kampanii. Rzeczywisty URL podajesz po przesłaniu kreacji do Studio. Później możesz go zmienić bądź dostosować w usłudze Studio lub Campaign Manager 360 bez konieczności edytowania kodu kreacji.

Dodawanie wyjścia w aplikacji Google Web Designer

  1. Upewnij się, że reklama ma przycisk lub inny dobrze widoczny element z wezwaniem do działania, który użytkownik może kliknąć.
  2. Przeciągnij komponent Obszar kliknięcia z folderu Interakcja w panelu Komponenty na scenę i umieść go na wezwaniu do działania.
  3. Na panelu Zdarzenia kliknij przycisk nowego zdarzenia .
  4. W oknie zdarzenia wybierz te opcje:
    Element docelowy Komponent Obszar kliknięcia (gwd-taparea_1)
    Zdarzenie Obszar kliknięcia > Kliknięcie
    Działanie

    Reklama Google > Zamknij reklamę

    Uwaga: podobne działanie – Zamknij reklamę (zastępuje adres URL) – nie pozwala na wprowadzanie zmian w adresie URL poza kreacją, np. w usłudze Studio lub Campaign Manager 360, i należy używać go wyłącznie na potrzeby reklam dynamicznych.

    Odbiornik gwd-ad
    Konfiguracja
    • Identyfikator danych – etykieta (np. „wezwanie do działania”) ułatwiająca zrozumienie raportów.
    • URL – adres URL wyjścia.
    • Zwiń przy zamknięciu – w przypadku reklam rozwijanych zaznacz, by reklama zwijała się, gdy użytkownik ją zamknie.
    • Wstrzymaj multimedia przy wychodzeniu – zaznacz, by w momencie, gdy użytkownik zamknie reklamę, następowało zatrzymanie odtwarzania filmu i dźwięku.
    • Zwinięta strona przy zamknięciu – w przypadku reklam rozwijanych zaznacz, by wyświetlić stronę, gdy użytkownik zamknie reklamę.

Po przesłaniu kreacji do Studio sprawdź szczegóły wyjścia na etapie Edytuj zdarzenia (w ramach procesu tworzenia kreacji) i w razie potrzeby zmodyfikuj URL.

Dodawanie wyjścia w dowolnym edytorze kodu HTML

Dodawanie wyjścia to proces dwuetapowy. Najpierw w plikach HTML5 definiujesz nazwę wyjścia. Następnie przesyłasz kreację do Studio i do zdefiniowanego przez siebie wyjścia dodajesz docelowy URL. Domyślnie możesz też zmienić URL w usłudze Campaign Manager 360.

  1. Utwórz przycisk w kreacji, korzystając z tagu <div>. Dodaj ten element w pliku HTML i nadaj mu identyfikator: bg-exit.
    <div id="bg-exit"></div>
    Nie używaj tagów kotwicy <a></a> na potrzeby wyjść. Do otwierania adresu URL Studio używa kodu niestandardowego w sposób gwarantujący jego zgodność w różnych przeglądarkach i na różnych platformach. Jeśli użyjesz tagu kotwicy HTML, link będzie się otwierał w 2 kartach lub oknach.
  2. Określ styl przycisku za pomocą pliku CSS.

    #bg-exit {
      cursor: pointer;
      width: 100%;
      height: 100%;
      z-index: 1;
    }
  3. Przypisz wyjście do przycisku, wywołując metodę wyjścia w pliku JavaScript. Aby metoda wyjścia działała, najpierw musisz do kreacji dodać komponent Enabler dostępny w Studio.

Przykładowy kod
function bgExitHandler(e) {
  Enabler.exit('Background Exit');
}

document.getElementById('bg-exit').addEventListener('click', bgExitHandler, false);

Nazwa nadana wyjściu w metodzie (w tym przykładzie „Wyjście tła”) pojawi się w Studio. Możesz ją zmienić tam lub w usłudze Campaign Manager 360, jeśli w raporcie końcowym chcesz mieć inną nazwę.

Testowanie wyjść

Twój zespół kontroli jakości testuje wszystkie wyjścia dodawane do kreacji. Aby uniknąć typowych poprawek po kontroli jakości, postępuj zgodnie z tymi sprawdzonymi metodami:

  • Umieść klikalne elementy wyjść w warstwie nad pozostałymi elementami kreacji. Jeśli nad wyjściem znajdzie się inny klikalny element, nie będzie ono działać.
  • Przetestuj wszystkie dodane wyjścia podczas uruchamiania kreacji lokalnie i po jej przesłaniu do Studio.

Czy to było pomocne?

Jak możemy ją poprawić?
Szukaj
Wyczyść wyszukiwanie
Zamknij wyszukiwanie
Menu główne
3294979064009668434
true
Wyszukaj w Centrum pomocy
true
true
true
true
true
74220
false
false