Clicktag w banerze HTML5 – co to jest i dlaczego musisz o nim pamiętać
- 3 kwi
- 3 minut(y) czytania
Zamawiasz produkcję banerów HTML5. Dostajesz gotowe pliki, wrzucasz do systemu reklamowego i… kampania nie działa. Kliknięcia się nie zbierają, linki nie działają, a adserwer krzyczy o błędach. Brzmi znajomo?
W większości przypadków winowajcą jest właśnie clicktag — albo jego brak, albo niepoprawna implementacja. To jeden z tych technicznych szczegółów, który potrafi zepsuć całą kampanię, choć na pierwszy rzut oka baner wygląda idealnie.
W tym artykule tłumaczę, czym clicktag jest, jak działa i na co zwrócić uwagę zamawiając banery HTML5.
Czym jest clicktag?
Clicktag to specjalna zmienna w kodzie banera HTML5, która przechowuje adres URL do strony docelowej kampanii.
Zamiast wpisywać link na stałe w kod banera (np. https://twojamarka.pl/promocja), programista używa zmiennej — najczęściej nazywanej właśnie clickTag lub clickTAG. Wartość tej zmiennej jest później uzupełniana przez system reklamowy (adserwer) w momencie emisji banera.
Wyobraź sobie clicktag jako „placeholder" na link. Baner jest jak gotowy plakat z pustym miejscem na adres sklepu — adserwer wpisuje właściwy adres tuż przed wyświetleniem reklamy.
Po co w ogóle clicktag? Czy nie można wpisać linka bezpośrednio?
Można — ale tylko wtedy, gdy baner jest wyświetlany poza adserwerem, np. jako prosta reklama wklejona ręcznie na stronie. W profesjonalnych kampaniach display to jednak rzadkość.
Adserwery takie jak Google Campaign Manager (DV360), Adform, Xandr czy systemy własne wydawców (Onet, WP, Polsat, FIlmweb itd.) wymagają, żeby kliknięcia były rejestrowane przez ich system. Dzięki temu możliwe jest:
śledzenie kliknięć i zbieranie danych do raportu kampanii,
dynamiczna zmiana URL bez konieczności wymiany pliku banera (np. gdy zmienia się landing page),
weryfikacja ruchu — adserwer może sprawdzić, czy kliknięcie było prawdziwe i nie pochodzi od botów.
Gdyby link był wpisany na stałe w kod banera, adserwer nie miałby możliwości „przechwycenia" kliknięcia i zarejestrowania go we własnym systemie.
Jak clicktag wygląda w praktyce?
W uproszczeniu, kod banera HTML5 zawiera coś takiego:
var clickTag = "";To właśnie ta pusta zmienna. W momencie emisji adserwer nadpisuje jej wartość właściwym URLem. Następnie, gdy użytkownik klika baner, JavaScript otwiera ten adres:
window.open(clickTag, '_blank');W bardziej rozbudowanych banerach (np. z wieloma obszarami klikalnymi) można spotkać clickTag1, clickTag2, clickTag3 — każdy prowadzi do innego URL.
Clicktag a różne adserwery — czy jest jeden standard?
Niestety nie i to jest jedno z największych źródeł problemów.
Każdy adserwer może mieć nieco inne wymagania co do nazewnictwa zmiennej, sposobu jej deklaracji czy tego, jak baner powinien ją "wywoływać". Na przykład:
Google Campaign Manager / DV360 wymaga zmiennej clickTag
Adform ma własne metody i SDK,
wydawcy (Onet, WP itd.) często mają dedykowane specyfikacje i sprawdzają obecność clicktaga przed akceptacją pliku.
Dlatego tak ważne jest, żeby już na etapie briefu wiedzieć: gdzie baner będzie emitowany i przez jaki adserwer. To pozwala producentowi przygotować plik zgodnie z właściwą specyfikacją od samego początku, zamiast poprawiać go po zwrotce od wydawcy.
Najczęstsze błędy związane z clicktagiem
Po latach pracy z banerami HTML5 widzę kilka powtarzających się problemów:
1. Brak clicktaga w ogóle
Baner wygląda świetnie, ale kliknięcia nie są rejestrowane.
2. Link wpisany na stałe w kod
Baner działa, ale adserwer nie może podmienić URLa ani śledzić kliknięć. Żaden poważny wydawca nie przyjmie takiego pliku.
3. Zła nazwa zmiennej
Zamiast clickTag (z małym „c" i dużym „T") ktoś wpisał clicktag, Clicktag lub click_tag. Adserwer nie rozpoznaje zmiennej i kliknięcia nie działają.
4. Clicktag zaimplementowany w złym miejscu
Kliknięcie działa tylko na część banera, reszta powierzchni jest nieklikalna — lub odwrotnie, cały baner jest klikalny, ale powinien mieć kilka stref.
5. Brak testów przed wysyłką
Clicktag powinien być przetestowany (np. ręcznie przez URL w przeglądarce) zanim plik trafi do klienta.
Co powinieneś sprawdzić odbierając gotowe banery HTML5?
Jeśli zamawiasz banery i nie jesteś osobą 'techniczną', trudno Ci samodzielnie zajrzeć w kod.
W praktyce nie ma prostego sposobu, żeby samodzielnie sprawdzić clicktag przed wgraniem go na adserwer i wpięciem docelowego linku. Jeśli znasz specyfikację techniczną danego adserwera, możesz sprawdzić działanie clickTaga ręcznie w przeglądarce — przy czym nie zawsze ten sposób zadziała. Dlatego tak ważne jest, żeby producent znał specyfikację platformy, na której baner będzie emitowany, jeszcze przed rozpoczęciem produkcji. Błąd wychodzi dopiero po wgraniu — a to oznacza poprawki, opóźnienia i nerwowe telefony przed startem kampanii.
Chcesz mieć kwestie techniczne banerów HTML5 z głowy? Zajmuję się tym na co dzień — od briefu po gotowy plik zgodny ze specyfikacją Twojego adserwera.
