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.
W tym artykule znajdziesz wskazówki dotyczące tworzenia i przesyłania pakietów ZIP kreacji HTML5 do Google Ad Managera.
Te wskazówki powinny sprawdzić się w przypadku 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.
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.
Wybierz odpowiednie środowisko dla Google Web Designera
Jeśli kreacja HTML5 została utworzona w aplikacji Google Web Designer, wybierz środowisko Display & Video 360.
Definiowanie wymiarów
- Metatag
size
pozwala określić zamierzone 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 pakietach Google Web Designera właściwości
minWidth
iminHeight
parametrucreativeProperties
nie mogą wynosić 0.Przykład
Ten kod powoduje błąd:
"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Ustawianie tagów kliknięć i docelowych adresów 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.
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.