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.
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
sizepozwala 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
minWidthiminHeightparametrucreativePropertiesmuszą 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
clickTagjako 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.