Instalacja Google Analytics na stronie (fan page’u) na Facebooku

Ostatnio zostało postawione przed nami zadanie zdefiniowania kluczowych metryk, które określałyby sukces promocji marki w ramach stworzonej przez firmę strony na Facebooku.

Pracę zaczęliśmy od przejrzenia statystyk dostępnych domyślnie dla każdej strony poprzez Facebook Insights. Narzędzie to zapewnia bardzo dużą liczbę istotnych metryk, którymi można mierzyć zaangażowanie użytkowników np. poprzez liczbę interakcji. Daje ono również bardzo dokładne informacje na temat demografii naszych fanów i konsumpcji kontentu – odsłon strony, zdjęć itd.

Facebook Insights

Spotkaliśmy jednak następujący problem. Strona naszego klienta na Facebooku miała podstronę informującą o konkursie stworzoną jako zakładka oparta o statyczny FBML. Znajdował się na niej button typu call to action, który prowadził do witryny internetowej firmy, na której możliwa była rejestracja.

Stanęliśmy przed następującymi problemami:

  • jak zmierzyć liczbę osób odwiedzających tę podstronę?
  • jak zmierzyć ścieżkę do realizacji celu, którym było kliknięcie w button call to action?
  • skąd w głównej mierze biorą się użytkownicy na podstronie z informacjami o konkursie?
  • jak w zależności od źródła odesłania realizują oni założony cel, czyli klikają w button call to action?

Pomyśleliśmy, że w tej sytuacji sprawdziłby się Google Analytics, jego cele i ścieżki. Jak jednak zainstalować go na Facebooku, który nie w pełni wspiera język Java Script? Z pomocą przyszło nam rozwiązanie dostarczane przez Webdigi, które ułatwia instalację Google Analytics na fan page’u Facebooka. Dzięki uprzejmości tej firmy udostępniamy Wam napisany przez nich skrypt i instrukcję o tym, jak z niego korzystać.

Instalacja Google Analytics na fan page’u na Facebooku

Krótka instrukcji

W celu instalacji Google Analytics na stronie na Facebooku należy dodać za pomocą aplikacji statyczny FBML kod obrazka wygenerowany przez skrypt, który udostępniamy (dzięki życzliwości Webdigi) na naszych stronach: www.conversion.pl/facebook. Kod obrazka należy dodać na każdej podstronie fan page’a na Facebooku, którą chcemy śledzić oraz pod buttonami, których kliknięcia chcemy rejestrować.

Poniżej podajemy dokładną instrukcję – jak dodać śledzenie Google Analytics do tablicy.

Dokładna instrukcja

Aby zainstalować aplikację statyczny FBML z kodem Google Analytics na tablicy należy:

KROK 1. Dodać aplikację statyczny FBML do listy elementów naszego fan page’a – poszczególne obrazki przedstawiają kolejne kroki:

Statyczny FBML - krok 1
Statyczny FBML - krok 2
Statyczny FBML - krok 3

KROK 2. Zdefiniować w ustawieniach aplikacji statyczny FBML, aby wyświetlała się ona jako pole na tablicy:

Konfiguracja statycznego FBML

KROK 3. Stworzyć nowy profil na naszym koncie Google Analytics, w którym będziemy śledzić interakcje użytkowników na naszym fan page’u. W naszym przykładzie będzie to Facebook.com/Conversion dla witryny http://www.facebook.com/conversion

Dodanie nowego profilu w Google Analytics

KROK 4. Skopiować identyfikator usługi internetowej i użyć go przy generowaniu kodu poprzez skrypt udostępniony na stronie www.conversion.pl/facebook (osobny kod musi zostać wygenerowany dla każdej podstrony fan page’a na Facebooku).

Numer UA
Wypełniony formularz generacji kodu
Wygenerowany kod obrazka

KROK 5. Wygenerowany kod, zaznaczony na obrazku powyżej, kopiujemy i wklejamy na końcu (lub początku) statycznego pola, które umieścimy na tablicy naszej strony na Facebooku. W naszym przypadku będzie to pole „Skontaktuj się z nami”, na którego końcu wkleiliśmy kod wygenerowany w poprzednim kroku:

Wklejenie kodu

KROK 6. Dodane pole na tablicy naszej strony na Facebooku wygląda w następujący sposób:

Pole umiejscowione na tablicy

KROK 7. Koniec :)

Od tego momentu w nowo utworzonym profilu w Google Analytics będą pojawiały się dane zebrane na Facebookowym fan page’u.

Wygenerowany przez skrypt umieszczony na www.conversion.pl/facebook kod obrazka możemy umieścić na każdej podstronie stworzonej poprzez aplikację statyczny FBML.

Modyfikując odpowiednio poniższy kod, możemy również śledzić (poprzez wirtualne odsłony strony) kliknięcia w buttony:

<input type=’button’ value=’Sledzenie klikniecia’ onclick=’butclick();’/>
<div id="hiddenimg"></div>
<script>
function butclick(){
var obj = document.getElementById("hiddenimg");
obj.setStyle( {color: ‘white’, height: ’2px’, backgroundImage: ‘url(ADRES OBRAZU WYGENEROWANY NA WWW.CONVERSION.PL/FACEBOOK/)’, backgroundRepeat: ‘no-repeat’ });
}
</script>

Przykładowe wykorzystanie nowych danych

Dzięki instalacji Google Analytics na stronie na Facebooku pojawiają nam się nowe dane, które przydadzą się w analizie. Możemy je przykładowo wykorzystać w następujący sposób:

  • w źródłach będziemy wiedzieli skąd przychodzą nasi użytkownicy – tworząc segmenty, da nam to możliwość oceny czy kampanie, które prowadzimy poza Facebookiem, a mające na celu np. powiększenie liczby fanów, są efektywne,
  • tworząc ścieżkę od tablicy przez podstronę promocji kończącej się na kliknięciu w button call to action możemy zaobserwować słabe punkty procesu.

Mam nadzieję, że kreatywnie wykorzystacie możliwość śledzenia użytkowników na fan page’ach Facebooka. Pamiętajcie jednak, że wyżej opisana możliwość to tylko narzędzie – przed jej implementacją zastanówcie się, czy te dane są Wam naprawdę potrzebne i najlepiej od razu zaplanujcie, jak je wykorzystacie.

Jeśli macie pytania – z chęcią odpowiem na nie w komentarzach.

Zapraszam również na naszą stronę na Facebooku, którą stworzyliśmy przy okazji pisania tego postu i polubienie jej. Będziemy na niej informować o nowych postach na naszym blogu i innych ciekawych informacjach ze świata analityki internetowej i optymalizacji konwersji.

Powiązane artykuły:

Jeśli podobał Ci się ten postsubskrybuj kanał RSS Conversion blog

3 Komentarzy to “Instalacja Google Analytics na stronie (fan page’u) na Facebooku”

  1. Bartosz Ulman said:

    paź 07, 10 at 21:41

    Czy po zmianach w Facebooku, które spowodowały że nie można wstawić już dodatkowych boksów na swoim fan page'u ten wpis jest aktualny?

  2. Paweł Ogonowski said:

    paź 08, 10 at 09:11

    Dzięki za zwrócenie uwagi.

    Z początkiem września Facebook wyłączył możliwość umieszczania statycznych FBML obok tablicy, dlatego możliwości implementacji tego rozwiązania mocno się ograniczyły. Wciąż sposób można wykorzystać w zakładkach.

    Dodatkowo Facebook wprowadził funkcję fb:google-analytics w FBML.

    Więcej na ten temat znajdziesz tutaj: http://developers.facebook.com/docs/reference/fbm...

    Możesz również zastanowić się nad wykorzystanie iFrame'ów, które mają zastąpić FBML: http://stackoverflow.com/questions/3628189/custom... (patrz pod komentarzami)

    Nie znalazłem do tej pory niestety sposobu "w nowych okolicznościach" na wrzucenie kodu, który wywoływałby GA na tablicy automatycznie.

  3. Bartosz Ulman said:

    paź 08, 10 at 20:53

    Dzięki za wyczerpującą odpowiedź.


Leave a Reply