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.
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.
Na tej stronie:
- Upewnij się, że pakiet jest zgodny z SSL
- 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.
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ć 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
minWidthiminHeightparametrucreativePropertiesnie mogą wynosić 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.