2 kwietnia 2014

Implementacja kodów Google AdWords w trudnych sytuacjach

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”:

<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1111111111/?value=1.000000&label= xxxxxxxxxxxxx;guid=ON&script=0"/>

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, Paid Search Manager


Udostępnij:

0 komentarzy: