Pierwszą decyzją, jaką należy podjąć przy dodawaniu tagów, jest przyjęcie na siebie obowiązku zainstalowania tagów skryptu HTML lub zlecenie tej czynności innej osobie. Do wykonania tego zadania niezbędna jest znajomość języka HTML oraz struktury stron internetowych. Należy pamiętać, że skrypt powoduje zapisywanie plików cookie, co może wymagać zmodyfikowania polityki prywatności witryny.
W przypadku samodzielnej instalacji tagów trzeba umieścić skrypty na trzech stronach.
1. Dodawanie skryptów sterujących i śledzenia do strony oryginalnej
Skrypty sterujące i śledzenia przeznaczone dla strony testowej są przekazywane jako jeden połączony blok kodu. Skrypt sterujący odpowiada za losowe przełączanie odmian eksperymentu oraz za to, aby wszystkie odmiany były wyświetlane tyle samo razy. Skrypt śledzenia rejestruje natomiast wszystkie odwiedziny stron podczas eksperymentu. Umieść połączony blok kodu tuż po tagu <head>. Po prawidłowym zainstalowaniu skryptów strona testowa może wyglądać na przykład w następujący sposób (skrypty wyróżniono pogrubieniem):
<head>
<!-- Skrypt sterujący Optymalizatora witryny -->
<script>
function utmx_section(){}function utmx(){}
... Dodatkowa treść skryptu sterującego...
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script>
<!-- Koniec skryptu sterującego Optymalizatora witryny -->
<!-- Skrypt śledzenia Optymalizatora witryny -->
<script type="text/javascript">
... Dodatkowa treść skryptu śledzenia strony testowej...
s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- Koniec skryptu śledzenia Optymalizatora witryny -->
... Inne dowolne treści w sekcji nagłówka...
</head>
2. Dodawanie skryptów śledzenia do stron z odmianami
Umieść skrypty śledzenia przeznaczone dla stron z odmianami tuż po otwierającym tagu <head> na każdej stronie z odmianami. Po prawidłowym zainstalowaniu skryptów śledzenia strony z odmianami mogą wyglądać na przykład w następujący sposób (skrypt śledzenia wyróżniono pogrubieniem):
<head>
<!-- Skrypt śledzenia Optymalizatora witryny -->
<script type="text/javascript">
... Dodatkowa treść skryptu śledzenia strony z odmianami...
s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- Koniec skryptu śledzenia Optymalizatora witryny -->
... Treść nagłówka strony z odmianami...
</head>
3. Dodawanie skryptu konwersji do strony konwersji
Umieść skrypt konwersji na stronie konwersji tuż po otwierającym tagu <head>. Po prawidłowym zainstalowaniu skryptu konwersji strona konwersji może wyglądać na przykład w następujący sposób (skrypt konwersji wyróżniono pogrubieniem):
<head>
<!-- Skrypt śledzenia Optymalizatora witryny -->
<script type="text/javascript">
... Dodatkowa treść skryptu śledzenia strony konwersji...
s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- Koniec skryptu śledzenia Optymalizatora witryny -->
... Treść nagłówka strony konwersji...
</head>
4. Sprawdzanie stron
Po zainstalowaniu wszystkich tagów należy kliknąć przycisk „Sprawdź strony”. Nasze narzędzie sprawdzi strony pod kątem prawidłowej instalacji tagów. Wykryte problemy należy usunąć przed kontynuacją procedury. Optymalizator witryny wstrzymuje przejście do następnej czynności, jeśli weryfikacja nie została wykonana. Jeśli aktualnie nie można sprawdzić tagów, należy kliknąć przycisk Zapisz postępy i dokończ później.
Po sprawdzeniu stron kliknij przycisk „Kontynuuj”, aby wyświetlić podgląd eksperymentu i go rozpocząć.
