Google Optimizie- implemetacja za pomocą kodu Google Analytics

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 Optimizew 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

 

 

 

 

 

1 Comment

Leave a Comment