Wskazówki dotyczące kreacji HTML5 w usłudze Ad Manager

Ten artykuł jest poświęcony tylko usłudze Google Ad Manager. Nie dotyczy innych usług Google. Możesz też zapoznać się z wymaganiami dotyczącymi kreacji HTML5 w Studio i wymaganiami dotyczącymi kreacji HTML5 w aplikacji Google Web Designer.

Z tego artykułu dowiesz się, jak tworzyć i przesyłać do Google Ad Managera pakiety ZIP kreacji HTML5, w tym o wymaganiach dotyczących struktury plików ZIP, definicjach wymiarów i konfiguracji tagów kliknięcia.

Te wskazówki dotyczą każdej przeglądarki obsługującej HTML5. Niektóre kreacje mogą nie działać zgodnie z oczekiwaniami. Dlatego kod HTML5 trzeba przetestować przed zaimplementowaniem.

Przykładowe pliki HTML5 możesz zobaczyć w Rich Media Gallery.

Na tej stronie:

• Upewnij się, że pakiet jest zgodny z SSL
• Zapewnij poprawną strukturę pliku ZIP
• Wybierz odpowiednie środowisko dla Google Web Designera
• Zdefiniuj wymiary
• Ustaw tagi kliknięć i docelowe adresy URL

Upewnij się, że pakiet jest zgodny z SSL

Kreacje HTML5 muszą być zgodne z protokołem SSL, by mogły pojawiać się w witrynach HTTPS.

Zapewnij poprawną strukturę pliku ZIP

Przygotowując kreację HTML5 do przesłania, upewnij się, że plik ZIP spełnia te warunki:

• Prawidłowa struktura: główny plik HTML i wszystkie powiązane komponenty (obrazy, skrypty, CSS) muszą znajdować się w katalogu głównym archiwum ZIP lub w podfolderach, do których wyraźnie się odwołuje. Nie umieszczaj głównego pliku HTML w wielu podkatalogach.
• Brak uszkodzeń: sprawdź, czy plik ZIP nie jest uszkodzony i czy został prawidłowo skompresowany. Przed przesłaniem spróbuj rozpakować plik lokalnie, aby sprawdzić jego integralność.
• Wszystkie komponenty są uwzględnione: wszystkie komponenty, do których odwołuje się plik (obrazy, pliki CSS i JavaScript), muszą być zawarte w pliku ZIP. Unikaj zewnętrznego hostingu podstawowych komponentów kreacji, chyba że jest on wyraźnie obsługiwany i znajduje się na liście dozwolonych w usłudze Ad Manager. Sprawdź, czy wszystkie ścieżki plików w HTML są względne i prawidłowo wskazują komponenty w strukturze ZIP.

Wybierz odpowiednie środowisko dla Google Web Designera

Jeśli kreacja HTML5 została utworzona w aplikacji Google Web Designer, wybierz środowisko Display & Video 360.

Zdefiniuj wymiary

• Metatag size pozwala określić wymiary wyświetlanej kreacji: <meta name="ad.size" content="width=[x],height=[y]">. Kreacje HTML5 mogą mieć tylko stały rozmiar. Przykłady: 300 x 250, 400 x 400, 728 x 90. Rozmiary dynamiczne, jak np. Elastyczny, nie są obsługiwane.

  Przykład
  <meta name="ad.size" content="width=300,height=250">

• W przypadku plików kreacji HTML w zestawach Google Web Designera właściwości minWidth i minHeight parametru creativeProperties muszą być większe od 0.

  Przykład
  Ten kod powoduje błąd: "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}

Ustaw tagi kliknięć i docelowe adresy URL

Wyjście to dowolny klikalny obszar, który kieruje przeglądarkę na stronę docelową. Tagi kliknięć określają docelowe adresy URL poszczególnych wyjść z kreacji HTML5.

Po kliknięciu wyjścia kreacja wywołuje z Ad Managera powiązany docelowy URL.

• Ustaw ten adres w kreacji lub w reklamie, w zależności od potrzeb oraz typu kreacji. Jeśli ustawisz tagi kliknięć zarówno w kreacji, jak i w reklamie, pierwszeństwo będą miały ustawienia na poziomie reklamy. Dowiedz się więcej o dodawaniu wyjść HTML5 (w tym wyjść korzystających z Google Web Designera).

Ad Manager wykrywa tagi kliknięć w momencie przesyłania zasobów. Docelowy URL używany przez tag kliknięcia możesz zmienić w dowolnym momencie, nawet po wyeksportowaniu tagów.

• Wstaw tagi kliknięć w sekcji <head> dokumentów HTML.
  Przykład

  <head>
   <meta name="ad.size" content="width=300,height=250">
   <script type="text/javascript">
      var clickTag = "http://www.google.com";
   ​</script>
</head>
• Użyj zmiennej clickTag jako miejsca docelowego kreacji.
  Przykład

  <a href="javascript:void(window.open(clickTag))">
   <img src="images/dclk.png" border=0>
</a>
• Tagi kliknięć powinny być czytelne dla serwera reklam. W tagach kliknięć nie stosuj minifikacji ani zaciemniania kodu. Narzędzia do minifikacji możesz użyć w pozostałej części kodu i innych plikach.
• Unikaj docelowych adresów URL zakodowanych na stałe. Takie adresy uniemożliwiają usłudze Ad Manager śledzenie kliknięć, a trafikerom – aktualizowanie tych adresów. Jeśli kod HTML5 przesłany w pakiecie zawiera zakodowane na stałe adresy URL, zobaczysz ostrzeżenie w usłudze Ad Manager.