Instalacja Google Optimize
Przed rozpoczęciem prac z narzędziem Google Optimize musimy w odpowiedni sposób zaimplementować go na naszych stronach.
Dzięki temu nakładka Google Optimize będzie mogła być wywoływana w naszym serwisie co pozwoli nam na przeprowadzanie testów.
Dodatkowo, ponieważ Google Optimize jest ściśle połączony z kodem Google Analytics. Wszystkie dane będą do niego raportowane, a testy będą bazowały na danych z naszej strony.
Instalacja krok po kroku
Grafika przedstawia rozpisane kroki instalacji narzędzia Google Optimize , jakie zobaczymy po prawej stronie zalogowaniu się do naszego konta w narzędziu.
Manage accounts and users– w tym kroku nadajemy dostępy do konta poszczególnym użytkownikom wraz z rolami jakie dla nich ustalamy.
Create an experiment – tutaj tworzymy swój pierwszy eksperyment
Link to Google Analytics accounts – w tym kroku wybieramy usługę z którą będzie połączone nasze konto Google Optimize, to w niej będą pojawiać się potem wyniki naszych testów. Na celach w niej utworzonych będą tez one bazować.
Install Optimize plugin – to jest część którą głownie zajmiemy się w tym artykule. jest to instalacja kodu Google Optimize, na bazie kodu Google Analytics.
Start an experiment – jeśli wszystko jest ok, jest to etap w którym puszczamy nasz eksperyment.
Instalacja plugina Google Optimize
Kod Google Optimize, możemy zainsatlować na naszej stronie na dwa sposoby:
- Modyfikując kod Google Analytcsa
- Używając Tag managera
W tym artykule skupimy się na instalacji za pomocą zmodyfikowanego kody Google Analytics.
Zanim zaimplementujemy zmodyfikowany kod Analyticsa, warto wkleić Page-Hidding snippet.
Jest to kawałek skryptu połączonego z Google Optimize, który powoduje że eksperyment nie pokaże się puki strona nie załaduje się do końca.
Kod Page Hiding Snippet wklejamy w części <head> strony tak wysoko jak to możliwe, przed kodem Google Analytics.
GTM-XXXXXX – jest to kod naszego kontenera Google Optimize. W to miejsce należy wstawić nasz kod.
Więcej informacji na temat implementacji kodu Page-Hiding Snippet znajduje się w supporcie google pod linkiem :
https://support.google.com/360suite/optimize/answer/
Po zainstalowaniu Page-Hiding Snippeta impmentujemy zmodyfikowany kod Google Analyticsa.
Wklejamy także do części <head> naszej strony, poniżej kodu Page-Hiding Snippeta
Przykład zmodyfikowanego kodu Google Analytics:
Zaznaczony na czerwono kod: ga(‚require’, ‚GTM-XXXXXX’), to kod Google Optimize, w miejsce GTM-XXXXXX, wstawiamy kod kontenera Google Optimize.
Poniżej wygląd połączonego kodu page Hiding Snippeta i Google Optimize:
Po poprawnym zaimplementowaniu kodów: zmodyfikowanego Google Analytics plus Page Hiding Snippet, możemy już zaczynać prace z testami A/B za pomocą Google Optimize na naszej stronie.
pełna dokumentacja implementacji kodu Google Optimize w linku poniżej:
https://support.google.com/360suite/optimize
[…] Google Optimizie- implemetacja za pomocą kodu Google Analytics […]