Integracja z Google Analytics
Transkrypt
Integracja z Google Analytics
Email Marketing Automation: Integracja z Google Analytics FreshMail Email Marketing Automation: Integracja z Google Analytics 1 Aby
zintegrować system FreshMail z Google Analytics będziesz potrzebować: 1. Aktywnego konta we FreshMailu. Jeśli jeszcze nie masz swojego,
możesz je założyć tutaj
. 2. Konta Google
, dzięki któremu uzyskasz dostęp do usługi Google Analytics. Krok 1 Aby rozpocząć integrację zaloguj się na swoje konto w
Google Analytics danymi do usług Google i przejdź do
Kroku 2 poniższej instrukcji. Jeżeli go nie posiadasz skonfiguruj
nowe konto
w Google Analytics zgodnie z poniższymi wskazówkami. Po wejściu na stronę
https://www.google.com/analytics/
wybierz przycisk
Utwórz konto
, w prawym górnym rogu ekranu, po czym zaloguj się danymi konta Google i wybierz pole Rejestracja
, po prawej stronie. Następnie wypełnij formularz konfiguracyjny danymi dotyczącymi Twojej strony. Wybierz: nazwę
dla swojego konta, nazwę
Twojej witryny internetowej i podaj jej
adres www
, branżę
w jakiej pracujesz i
kraj
, w którym prowadzisz działalność. FreshMail Email Marketing Automation: Integracja z Google Analytics 2 Przykład wypełnionego formularza: Przewiń stronę w dół i kliknij przycisk
Pobierz identyfikator śledzenia.
Zostaniesz wówczas poproszony o
Akceptację warunków korzystania z Usługi Google Analytics,
wybierz przycisk
Akceptuję. FreshMail Email Marketing Automation: Integracja z Google Analytics 3 Zapisz w notatniku wyświetlony Identyfikator śledzenia.
Będziesz go
wklejał w kodzie źródłowym swojej strony w
Kroku 7
. Gdy zapiszesz
Identyfikator śledzenia przejdź do następnego kroku. Krok 2 Na stronie głównej w panelu Google Analytics wybierz zakładkę
Administracja
i ze środkowej kolumny
(Usługa)
Niestandardowe Definicje. FreshMail Email Marketing Automation: Integracja z Google Analytics 4 Po kliknięciu przycisku
Niestandardowe Definicje,
na rozwijanej liście wybierz opcję Niestandardowe Wymiary
. W nowym oknie naciśnij czerwony przycisk
Nowy wymiar niestandardowy. Może się zdarzyć, iż nie będziesz widział przycisku
Nowy wymiar Niestandardowy
. Może to wynikać z faktu, iż nie posiadasz pełnych uprawnień do danego konta Google Analytics. Dzieje się tak w sytuacji, w której nie skonfigurowałeś od początku nowego konta, tylko inna osoba dała Ci do niego dostępy, np. gdy macie w firmie jedno wspólne konto do analizy ruchu na stronie. Aby móc przejść ten krok integracji będziesz potrzebował uprawnień
Administratora konta. Parametry, które powinieneś ustawić to: dowolna łatwa do zapamiętania
nazwa nowego wymiaru,
który tworzysz i
zakres: użytkownik.
Gdy uzupełnisz dane wybierz przycisk Utwórz. FreshMail Email Marketing Automation: Integracja z Google Analytics 5 W kolejnym kroku wybierz opcję:
Gotowe. Nowy wymiar utworzony przez Ciebie będzie miał nadany
konkretny indeks w tabeli
, którą zobaczysz na zdjęciu poniżej. Indeks ten zależy od tego czy tworzyłeś
wymiary niestandardowe
już wcześniej. W poniższym przypadku utworzony wymiar
Integracja_FM_GA
ma w tabeli indeks 3
. Zapisz tę informację, ponieważ będzie Ci potrzebna w
kroku 7
. Możesz również zdefiniować więcej wymiarów, wszystkie będą dostępne w aplikacji FreshMail i będziesz je mógł wykorzystać przy tworzeniu integracji. FreshMail Email Marketing Automation: Integracja z Google Analytics 6 Krok 3 Kolejnym krokiem jest włączenie
śledzenia użytkownika UserID
w Google Analytics. Przejdź ponownie do karty
Administracja
, ze środkowego menu (Usługa) wybierz Informacje o śledzeniu
, a później
UserID. W punkcie drugim sekcji Włączanie funkcji User ID,
zaakceptuj Ujednolicenie sesji, wybierając opcję
WŁ
. Jeśli konfigurujesz funkcję po raz pierwszy, potwierdź również zapoznanie się z zasadami korzystania z niej. FreshMail Email Marketing Automation: Integracja z Google Analytics 7 Następnie wybierz
przycisk
Dalsze kroki. Możesz teraz przejść do ostatniego przycisku
Utwórz
zgodnie z poniższym zdjęciem. Ostatnie okno, które zobaczysz w tym etapie integracji dotyczy tworzenia nowego widoku danych w Google Analytics.
Wystarczy, że utworzysz dla niego dowolną, łatwą do zapamiętania nazwę i wybierzesz swoją strefę czasową. Na koniec kliknij
Utwórz widok
. Wszystkie dane, które będą zbierane na temat aktywności użytkowników na Twojej stronie dzięki integracji FreshMaila z Google Analytics, będą wyświetlane właśnie w tym widoku. W poniższym przypadku będzie to
Mój_Nowy_Widok
, zgodnie ze zdjęciem poniżej. Również w nim powinieneś ustalić cele Google Analytics, po których wykonaniu, zostaną np. wysłane ustalone autorespondery. O tym jak tworzyć i edytować nowe cele możesz przeczytać w
dedykowanym poradniku Google Analytics
. Ustaloną
nazwę widoku
znajdziesz
też
później na liście rozwijanej w końcowym etapie integracji już w systemie FreshMail. FreshMail Email Marketing Automation: Integracja z Google Analytics 8 Krok 4 Kolejny etap konfiguracji to
przygotowanie konta deweloperskiego Google. Przejdź pod adres
https://console.developers.google.com/ i wykonaj poniższe kroki. Możesz zostać poproszony o zalogowanie się danymi do konta Google, którego użyłeś do konfiguracji Google Analytics, usługa automatycznie rozpozna Cię jako użytkownika. W opcji
Select a project,
wybierz
Create a project
jak na poniższym zdjęciu. FreshMail Email Marketing Automation: Integracja z Google Analytics 9 Po czym nadaj własną nazwę projektowi, wybierz lokalizację i kliknij
Create
. Tworzenie projektu może chwilę potrwać. W prawym górnym rogu ekranu znajdziesz informację na temat postępu procesu. FreshMail Email Marketing Automation: Integracja z Google Analytics 10 Gdy utworzysz nowy projekt, po lewej stronie wybierz opcję
Credentials,
następnie w Create credentials
wybierz opcję
OAuth client ID
. Następnie kliknij
Configure consent screen. W tym miejscu konfigurujesz
okno autoryzacji do usługi Google,
o którym będzie mowa w Kroku 6
. Dlatego nazwa, którą wpiszesz w polu
Product Name Shown to Users
, w tym wypadku
Integracja freshmail wyświetli się także w oknie autoryzacji do
usługi Google
. Po wpisaniu nazwy kliknij
Save
. FreshMail Email Marketing Automation: Integracja z Google Analytics 11 W kolejnym oknie wybierz podpunkt
Web application
. W polu
name
wpisz dowolną nazwę lub pozostaw standardową
Web client 1
. FreshMail Email Marketing Automation: Integracja z Google Analytics 12 W polu
Authorized JavaScript origins
wpisz: https://app.freshmail.com a w polu
Authorized redirect URIs
wpisz: najpierw
https://app.freshmail.com/pl/marketingautomation/googlecallback a w kolejnym polu, które się pojawi: https://app.freshmail.com/en/marketingautomation/googlecallback Po czym naciśnij przycisk
Create
. Gdy to zrobisz wyświetli się poniższe okno, które zawiera bardzo ważne informacje. Zapisz do notatnika dane
, które się w nim wyświetlą:
Client ID oraz
Client secret
.
Będą Ci one potrzebne w
kroku 6
integracji z FreshMailem. Po zapisaniu danych kliknij przycisk
OK
. Krok 5 Następnie w sekcji
Other popular APIs
wyszukaj pozycję
Analytics API
. FreshMail Email Marketing Automation: Integracja z Google Analytics 13 W kolejnym oknie wybierz niebieski przycisk
Enable. Krok 6 Zaloguj się do aplikacji FreshMail. Przejdź do ustawień użytkownika po prawej stronie i wybierz pozycję
Wtyczki i API,
a następnie Integracje.
Gdy będziesz przeprowadzać swoją pierwszą integrację
w systemie FreshMail
w sekcji
Polecane wtyczki
wybierz pozycję Marketing Automation i
kliknij przycisk
Połącz. FreshMail Email Marketing Automation: Integracja z Google Analytics 14 Pojawi się wtedy nowe okno, w którym należy wpisać kody
Client ID
i
Client Secret
. Są to dane wygenerowane po zakończeniu konfiguracji w Google Console
w końcowej części
kroku 4
. Kolejno zostaniesz przekierowany na stronę autoryzacyjną
Google OAuth
. Podczas przekierowania może pojawić się ekran autoryzacyjny (wyboru konta Google) w takiej sytuacji zawsze należy wybrać konto, na którym wcześniej pracowałeś. FreshMail Email Marketing Automation: Integracja z Google Analytics 15 W tym punkcie wyświetla się nazwa, którą ustalałeś w
kroku 4 integracji. Dlatego wartość, którą wpisałeś w polu
Product Name
, w tym wypadku
Integracja freshmail, pojawia się także tutaj w oknie autoryzacji do
usługi Google
. Po autoryzacji Google, automatycznie wrócisz do aplikacji FreshMail, gdzie będziesz mógł nadać nową nazwę integracji. Będzie się ona także pojawiała, np. gdy będziesz ustawiał autoresponder realizacja celu, w polu
Integracje z GA
. W polu
Profil GA wybierz widok
Google Analytics
, który wcześniej ustaliłeś. W tym przypadku
Mój_Nowy_Widok
. W polu
Wymiar wybierz nazwę nowego wymiaru niestandardowego, który utworzyłeś, w tym wypadku
Integracja_FM_GA
. Wybierz listę odbiorców, których zachowania na stronie chcesz śledzić i kliknij
Uruchom integrację
. FreshMail Email Marketing Automation: Integracja z Google Analytics 16 Gdy później zobaczysz swoją nowo utworzoną integrację na liście integracji, możesz zamknąć widok zielonym krzyżykiem w prawym górnym rogu ekranu. Krok 7 Usługa jest już skonfigurowana. Pozostało tylko umieszczenie
kodu JavaScript
na Twojej stronie. Ponieważ podczas pobierania kodu z dokumentu PDF mógłby on zostać wklejony w nieprawidłowej formie, udostępniamy Ci go za pomocą aplikacji Pastebin, z której wygodnie go skopiujesz. Wszystkie potrzebne informacje znajdziesz poniżej. Na końcu sekcji <head> umieść
kod nr 1
, który skopiujesz dowolnie z jednego z dwóch pól aplikacji Pastebin pod poniższym linkiem: Kod nr 1 Na tym etapie integracji możesz wybrać czy chcesz połączyć FreshMaila z
Google Analytics, czy jednak wolisz korzystać z
Google Tag Managera
. Jeśli chcesz kontynuować integrację z Google Analytics, przejdź do punktu
Opcja B
. By kontynuować integrację z Google Tag Managerem wykonaj poniższą część instrukcji. Opcja A Jeśli nie masz jeszcze konta na Google Tag Managerze, możesz założyć darmowe konto na oficjalnej stronie
, klikając
Zarejestruj się teraz
. FreshMail Email Marketing Automation: Integracja z Google Analytics 17 Następnie wybierz dowolną nazwę dla swojego konta i kliknij
Dalej
. Następnie ustal dowolną nazwę dla folderu (kontener), w którym będziesz przechowywać swoje dane i wybierz opcję
Witryna internetowa
, po czym kliknij
Utwórz
by zakończyć Tworzenie konta. Po zaakceptowaniu warunków korzystania z aplikacji Twoje konto będzie gotowe do użycia. By zintegrować Google Tag Managera ze swoją stroną musisz najpierw umieścić w jej źródle kod śledzący. By to zrobić, po założeniu konta kliknij w kod zaznaczony w czerwonej ramce. FreshMail Email Marketing Automation: Integracja z Google Analytics 18 Kod, który się wówczas wyświetli wklej tuż przed zamknięciem znacznika </body> w źródle swojej strony. Właściwą integrację FreshMaila z Google Tag Managerem rozpocznij od utworzenia nowej zmiennej. W tym celu wybierz u góry strony
Kontener
i z bocznego menu
Zmienne. Przewiń stronę w dół i kliknij czerwony przycisk
Nowa
. FreshMail Email Marketing Automation: Integracja z Google Analytics 19 Następnie wybierz typ
Zmienna JavaScript i jako nazwę zmiennej globalnej wpisz FMUserId
, po czym kliknij
Utwórz zmienną. Zostaniesz poproszony o nadanie dowolnej nazwy nowo utworzonej zmiennej, wpisz FMUserId
po czym kliknij
Zapisz
. Następnie wybierz z lewego menu opcję
Tagi
. O tym jak tworzyć nowe tagi w Google Tag Managerze, możesz dowiedzieć się z
dedykowanego poradnika
. Jeżeli posiadasz już tagi, które wykorzystujesz na swojej witrynie, zmodyfikuj je dodając poniższe parametry. FreshMail Email Marketing Automation: Integracja z Google Analytics 20 W celu zmiany parametrów wybierz tag na liście. W pierwszej kolejności edycji wymaga krok Skonfiguruj tag
. W identyfikatorze śledzenia wpisz numer swojego konta w Google Analytics, który znajdziesz na stronie głównej GA. (Poniżej znajduje się miejsce, w którym znajdziesz swój numer konta) Następnie rozwiń opcję
Więcej ustawień
i
Pola do ustawienia. Następnie kliknij opcję Dodaj pole
i jako nazwę
wpisz userId
. W tym celu możesz skorzystać z ikony z plusem, która rozwinie listę wszystkich możliwości. Jako wartość pola wpisz
{{FMUserId}}
czyli nazwę wcześniej utworzonej zmiennej. Tutaj także możesz skorzystać z ikony z plusem. FreshMail Email Marketing Automation: Integracja z Google Analytics 21 Gdy już wypełnisz pola, rozwiń opcję
Niestandardowe wymiary i kliknij
Dodaj nowy wymiar
. Jako
Index wprowadź numer wymiaru, który stworzyłeś w
kroku 3 poradnika. Jako wartość wymiaru ponownie wpisz
{{FMUserId}}
. Następnie wybierz opcję
Dalej
i
Zapisz tag
. Pamiętaj, że do pełnej integracji FreshMaila z Google Tag Managerem powinieneś zmodyfikować
wszystkie swoje Tagi
zgodnie z powyższymi wskazówkami. Po zapisaniu wszystkich ustawień pamiętaj jeszcze o opublikowaniu zmian. FreshMail Email Marketing Automation: Integracja z Google Analytics 22 Po zapisaniu zmian, w prawym górnym rogu ekranu uaktywni się przycisk
Opublikuj
, kliknij go aby zmiany zostały wprowadzone na Twojej witrynie. Od tego momentu wszystkie potrzebne dane będą trafiać do Twojego Google Analytics. Możesz teraz kontynuować wykonywanie instrukcji od kroku
Kampania aktywacyjna
. Opcja B Poniższą linijkę z kodu Twojej dotychczasowej integracji z Google Analytics: zastąp
kodem nr 2
, który również pobierzesz z aplikacji Pastebin dowolnie z jednego z dwóch pól, pod poniższym linkiem: Kod nr 2 Uwaga.
Jeśli dotychczas na Twojej stronie nie wklejałeś kodu Google Analitycs, skopiuj go pod poniższym linkiem z aplikacji Pastebin (dowolnie z jednego z dwóch pól) i dodaj na końcu kodu strony tuż przez zamknięciem
znacznika </body>
. Gdy to zrobisz, wykonaj dalsze kroki instrukcji. Kod nr 3 FreshMail Email Marketing Automation: Integracja z Google Analytics 23 Frazę
dimensionINDEX
zastąp frazą
dimension1 wklejoną pomiędzy znakami
''
lub zamiast cyfry 1 podaj inną cyfrę z kolumny index, która była wyświetlana w tabeli podczas tworzenia nowego wymiaru niestandardowego w Google Analytics w końcowym etapie
Kroku 2
. Dodatkowo obie frazy U
Axxxxxxxxx
zastąp pomiędzy znakami ''
swoim unikatowym Identyfikatorem śledzenia
od Google Analytics, który był wyświetlony w
Kroku 1
. Kampania aktywacyjna To już koniec integracji FreshMaila z Google Analytics! :) Pamiętaj jednak, że aby cieszyć się wszystkimi możliwościami jakie daje
Email Marketing Automation od FreshMaila
niezbędny będzie jeszcze jeden krok. Należy wysłać do Twoich odbiorców kampanię zawierającą link do strony, na której chcesz śledzić ich aktywność
. Będziesz mógł obserwować jedynie działania tych użytkowników, którzy za jego pośrednictwem przejdą na stronę. Jeśli w linku chcesz użyć dodatkowych parametrów UTM pozwalających ustawić źródło kampanii lub jej nazwę, uzupełnij te dane w piątym kroku Kreatora Kampanii (Zaawansowane). Oznacz pola
Włączyć zaawansowane i
Integracja z Google Analytics
, a następnie kliknij
Edytuj
. FreshMail Email Marketing Automation: Integracja z Google Analytics 24 Następnie dodaj swoje parametry przekazywane do Google Analytics. Zaznacz czy chcesz, aby były śledzone wszystkie linki czy jedynie wybrane przez Ciebie i
Zapisz zmiany
. WAŻNE
: Jeśli podasz te parametry na sztywno w linku w trakcie tworzenia kreacji newslettera, integracja z Marketing Automation nie zadziała! Gdy już to zrobisz będziesz mógł np. ustawić autorespondery, które zostaną automatycznie wysłane do Twoich odbiorców, którzy zrealizują założone w Google Analytics cele jak na poniższym przykładzie. FreshMail Email Marketing Automation: Integracja z Google Analytics 25 W polu
Integracje z GA wybierz nazwę integracji, którą ustaliłeś, w tym wypadku
Marketing Automation
i ustaw wszystkie parametry nowego autorespondera. FreshMail Email Marketing Automation: Integracja z Google Analytics 26 Gotowe! FreshMail Email Marketing Automation: Integracja z Google Analytics 27