Masz problem z umieszczeniem kodów Google Adwords w swej witrynie? W tym artykule doradzę jak poprawnie go umieścić, a także postaram się krótko opisać najbardziej uniwersalny sposób implementacji kodu za pomocą JavaScript, który będzie nadawał się do zastosowania na większości ze stron.
Kiedy rozpoczynamy pracę z nowym kontem musimy zmierzyć się z implementacją kodów konwersji lub/i remarketingowych. Generując kod w panelu Google dostajemy instrukcję z informacją, że kod należy umieścić na statycznej stronie, na przykład zawierającej podziękowanie za wykonanie konkretnej akcji (wypełnienie formularza). Minusem takiego rozwiązania jest problem z implementacją dynamicznych elementów witryny, tj. skorzystanie z kalkulatora na stronie lub ładowanie treści za pomocą technologii AJAX.
Problemy, z jakimi najczęściej się spotykamy, to wielokrotne zliczanie konwersji w sklepie podczas jednego zakupu lub po prostu ich brak. W takich przypadkach radzimy dodać kod w momencie kliknięcia w przycisk finalizujący transakcję ,,Zapłać”. W ten sposób mamy pewność, iż mierzymy pożądaną akcję, a także, że kod nie został wykonany kilkakrotnie (np. z powodu ponownego odwiedzenia strony z zamówieniem, gdy użytkownicy chcą sprawdzić status zamówienia.
Oto przykładowy kod remarketingowy:
Umieszczenie go w takiej postaci w momencie wykonania zdarzenia na stronie jest skomplikowane. Naszym rozwiązaniem jest dynamicznie umieszczenie kodu tzw. „Smart Pixela”:
za pomocą new Image(), oto przykład kodu JavaScript:
var image = new Image(1,1);
image.src = '//googleads.g.doubleclick.net/pagead/viewthroughconversion/1111111111/?value=1.000000&label= xxxxxxxxxxxxx;guid=ON&script=0′;
Powyższy kod można bez problemu dodać do istniejącego zdarzenia lub nawet umieścić w osobnym pliku.
Implementując kod w wyżej opisany sposób musimy mieć na uwadze przeładowanie strony, na przykład, gdy zostanie wysłany formularz lub klikniemy w link. Skutkiem tego mogą być problemy z załadowaniem obrazka, co z kolei spowoduje niezliczenie się konwersji lub nieumieszczenie użytkownika na liście remarketingowej. W takich przypadkach można dodać zdarzenie onload, które wykona odpowiedni kod po załadowaniu obrazka.
Przykład zdarzenia onload:
var image = new Image(1,1);
image.src = '//googleads.g.doubleclick.net/pagead/viewthroughconversion/1111111111/?value=1.000000&label= xxxxxxxxxxxxx;guid=ON&script=0′;
image.onload = function(){$(‘#form’).submit());
W powyższym kodzie po załadowaniu obrazka zostaje wysłany formularz.
W przypadku kodu konwersji, sytuacja wygląda niemalże identycznie. Wykorzystując zawartość znacznika <noscript>, w którym znajduje się kod obrazka odpowiedzialnego za zliczanie transakcji, możemy za pomocą tej samej składni umieścić Smart Pixel i zliczyć transakcje na stronie. W przypadku kodu konwersji należy mieć na uwadze możliwość wielokrotnego wykonania kodu, co spowoduje zliczeniem wielu konwersji w panelu. Gdy chcemy mieć pewność, że kod wykonał się raz, polecam umieścić zmienną typu Boolean, przechowującą informację o statusie danej akcji (true/false). Alternatywą dla zmiennej są ciasteczka (cookies). To rozwiązanie pozwala nam zabezpieczyć się przed zliczaniem konwersji dokonanych przez użytkownika podczas jego wizyt na stronie. Należy jednak pamiętać o celu, który chcemy mierzyć i konieczności doboru zabezpieczenia zależnego od prowadzonej strategii działań. W przypadku korzystania z kalkulatora najprawdopodobniej zabezpieczeniebędzie koniecznie. Podczas mierzenia ilości zakupów w sklepie internetowym, należy dobrze przeanalizować sposób umieszczenia kodu, aby wszystkie transakcje zliczały się poprawnie.
Podsumowując, warto przeanalizować aktualną implementację kodów, ponieważ być może znajdują się w nich błędy, mające wpływ na nieprawidłowe zliczanie się konwersji.
_
Piotr Kosiński
