Podstawy techniczne

Jak ustawić testowanie A/B

Martin Trauzold
Martin Trauzold
Ostatnio zaktualizowane styczeń 22, 2020 18 Min na przeczytanie
Jak ustawić testowanie A/B

© Cottonbro / Pexels

Ustaw testowanie A/B dla Twojej strony WordPress przy użyciu narzędzi Google, a poprawisz konwersje oraz uwolnisz prawdziwy potencjał Twojej strony do generowania dochodów.

Przeczytaj nasz szczegółowy przewodnik, z którego dowiesz się, jak krok po kroku uruchomić w krótkim czasie testowanie A/B. Gdy Twoja strona będzie już działać i zyska stopniowo grono czytelników, otworzą się przed Tobą możliwości uzyskania z niej dochodu.

Twoim kolejnym krokiem powinno być rozpoczęcie testowania A/B. Testowanie A/B to ten tajemniczy składnik, który pomaga wysokiej jakości stronom wspiąć się jeszcze wyżej.

W teście A/B najprostszego rodzaju użytkownikowi odwiedzającemu Twoją stronę wyświetla się losowo wybrany wariant istniejącej strony (jeden z dwóch).

Wybrane przez Ciebie narzędzia odnotowują czas spędzony przez użytkownika na stronie, współczynnik odrzuceń oraz inne wskaźniki. Ten naukowy sposób pozwala zdecydować, która z dwóch opcji strony jest bardziej efektywna.

W niniejszym artykule wyjaśnimy, jak ustawić testowanie A/B na platformie WordPress, a także pokażemy Ci, jak bezpłatnie eksperymentować z wybraną witryną.

Narzędzia Google zezwalają na nieograniczone testowanie A/B. Do testów niezbędne jest przeprowadzenie czasochłonnej konfiguracji, jednak nie trzeba tego procesu powtarzać. Aby rozpocząć, musisz skonfigurować na swojej stronie narzędzia Google Analytics, Menedżer Tagów Google oraz Google Optimize. Następnie ustaw test przekierowania, tworząc dwie wersje posta w WordPressie.

Google Optimize pozwoli Ci na przeprowadzenie eksperymentu, w którym użytkownicy widzą losowo wybraną wersję jednego posta. Natomiast dzięki sprawozdaniom Google Optimize możesz zmierzyć wyniki swoich działań. Przygotuj się na trochę szczegółów i żargonu technicznego.

Nie obawiaj się jednak: pokażemy Ci, co dokładnie masz zrobić, więc nic nie powinno okazać się dla Ciebie zbyt skomplikowane. Pamiętaj: potencjalne zyski są tego warte.

Krok po korku

  1. Skonfiguruj Google Analytics
  2. Skonfiguruj Menedżer Tagów Google
  3. Skonfiguruj Google Optimize
  4. Zainstaluj Menedżer Tagów Google na stronie WordPress
  5. Zintegruj Google Optimize z platformą WordPress
  6. Utwórz eksperyment z zakresu przekierowania w Google Optimize

Skonfiguruj Google Analytics

Prawdopodobnie już teraz używasz Google Analytics. Jeśli nie, musisz skonfigurować konto podstawowe Google, a następnie udać się na stronę Google Analytics i utworzyć profil. Nastąpi wówczas przekierowanie do pulpitu Google Analytics dla Twojego konta:

Set up Google Analytics

Uwaga: Nie zapomnij zapisać numeru tracking ID dla swojego konta. Będzie Ci on potrzebny w następnych krokach. Możesz zainstalować Analytics używając wtyczki, bezpośrednio w kodzie, lub nawet używając Menedżera Tagów Google. Pamiętaj: nie instaluj Analytics więcej niż jeden raz.

Skonfiguruj Menedżer Tagów Google

Dla naszych celów wystarczy wiedzieć, że Menedżer Tagów Google (GTM) to łącznik, który pozwala zainstalować Google Optimize na Twojej stronie. Tag, inaczej znacznik, to po prostu urywek kodu JavaScript, który wykonuje zadania na stronie.

Tagi służą wysyłaniu informacji z Twojej witryny do witryn stron trzecich. Dla przykładu: tagi Google Analytics i AdWords Conversion Tracking wysyłają do Google informacje o pewnych rodzajach aktywności na Twojej stronie.

Tagi wykonują zazwyczaj działania podczas ładowania witryny, lub gdy zachodzi jakaś interakcja na stronie. Menedżer tagów to wszechstronna platforma do aktualizowania i dodawania tagów oraz do zarządzania nimi. Menedżer taki używa własnego tagu kontenera (container tag), który umieszcza na wszystkich Twoich podstronach. Bez menedżera tagów kod dla każdego z Twoich tagów musi być dodawany ręcznie do kodu źródłowego Twojej strony.

Menedżer GTM pomaga Ci zarządzać tagami, które stosujesz na stronie lub w aplikacji mobilnej. Kontroluje sposób, w który uruchamiane są tagi oraz w który przetwarzane są dane tagów, przy użyciu wyzwalaczy, zmiennych oraz warstwy danych. Musisz po prostu określić tagi, których chcesz użyć, a menedżer GTM wykona za Ciebie całą pracę.

Menedżer GTM dla stron www działa poprzez użycie pojedynczego skrawka kodu kontenera, który umieszczasz na wszystkich stronach. Menedżer GTM SKD używany jest do aplikacji mobilnych.

GTM zapewni Ci oszczędność czasu, zwiększy skalowalność wdrażania strony oraz jest łatwy w użyciu, a zarazem pozwoli na tworzenie kompleksowych, dostosowanych do Twoich potrzeb tagów.

Set up Google Tag Manager

Jak działa Menedżer Tagów Google?

Program ten ułatwia proces dodawania skrawków kodu JavaScript do strony internetowej. Interfejs menedżera GTM decyduje, który proces ma zostać uruchomiony, przy jakim działaniu oraz na której stronie, zamiast manualnego aktualizowania kodu witryny. Dodaje również funkcję śledzenia na stronie, aby zagwarantować jej prawidłowe funkcjonowanie.

Kroki niezbędne do skonfigurowania Menedżera Tagów Google

1. Wejdź na stronę Google Tag Manager.
2. Wykonaj następujące czynności, aby utworzyć konto:

a. Dodaj nazwę konta w polu tekstowym i kliknij przycisk Kontynuuj.

Steps to set up Google Tag Manager

b. Dodaj nazwę kontenera w polu tekstowym (w wymaganym formacie).

Steps to set up Google Tag Manager

c. Wybierz miejsce użycia kontenera spośród podanych opcji.
d. Kliknij Tak w prawym górnym rogu wyskakującego okna z Warunkami korzystania z usługi Menedżer Tagów Google.

Steps to set up Google Tag Manager

e. Następnie podświetli się przycisk Utwórz, który należy kliknąć.

Skonfiguruj Google Optimize

Czym jest Google Optimize?

Jest to platforma Google do testowania A/B oraz do personalizacji, która pozwala użytkownikom na testowanie różnych wersji strony w celu poprawy konwersji. Jest ona pierwotnie zintegrowana z Google Analytics.

Co musisz zrobić:

Przed dodaniem Google Optimize upewnij się, że przeprowadzona została konfiguracja następujących narzędzi:

Czynności konfiguracji i instalacji Google Optimize

1. Wejdź na stronę startową Google Optimize.
2. W prawym górnym rogu kliknij Utwórz nowe konto.

Steps to set up and install Google Optimize

Uwaga: Google Optimize pozwala na eksperymentowanie z co najmniej jedną domeną. Kontener to miejsce, w którym zachowane zostaną wszystkie eksperymenty i ustawienia.

3. Dodaj nazwę konta w polu tekstowym.

Steps to set up and install Google Optimize

Uwaga: Radzimy, aby w tym miejscu dodać nazwę firmy.

4. Dodaj nazwę kontenera w polu tekstowym, wybierz miejsce użycia kontenera, a następnie kliknij UTWÓRZ, aby kontynuować.

Steps to set up and install Google Optimize

Uwaga: Radzimy, aby w tym miejscu dodać nazwę domeny.

5. Połącz konto z Google Analytics, klikając przycisk WŁAŚCIWOŚCI POŁĄCZENIA w części Połącz z Google Analytics w prawym rogu.

Steps to set up and install Google Optimize

6. Wpisz Właściwości Google Analytics, wybierz Wyświetlenia, a następnie kliknij przycisk POŁĄCZ, aby kontynuować.

Steps to set up and install Google Optimize

7. Uzyskaj dostęp do numeru identyfikacyjnego kontenera w sekcji Zarządzaj kontami i użytkownikami, która znajduje się z lewej strony w panelu Informacje o kontenerze.

Steps to set up and install Google Optimize

Uwaga: Numer identyfikacyjny kontenera będzie potrzebny do integracji Google Optimize z WordPressem w sekcji 5.

8. Udało Ci się właśnie stworzyć konto Google Optimize i połączyć je z Google Analytics. Teraz musisz dodać Optimize do swojej strony.

Zainstaluj Menedżer Tagów Google na stronie WordPress

Aby zainstalować menedżer GTM na swojej stronie WordPress, musisz dodać kod do nagłówka i stopki swojego szablonu WordPress.

Potrzebne są:

  • Istniejące konto Google Analytics
  • Dostęp z poziomu administracyjnego do Twojej strony WordPress
  • Przeglądarka Google Chrome

Kroki niezbędne do integracji Menedżera Tagów Google z systemem WordPress

1. Po pierwsze upewnij się, że udało Ci się stworzyć konto Menedżera Tagów Google.

2. Następnie wyświetl skrawek kodu wygenerowany przez Menedżera Tagów Google.

a. Przejdź do Menedżera Tagów Google → https://tagmanager.google.com

b. Kliknij link GTM-ID, aby uzyskać dostęp do kodów.

Steps to integrate Google Tag Manager with WordPress

c. Możesz też kliknąć główną zakładkę ZARZĄDCA (ADMIN) na górnym pasku, a następnie link Zainstaluj Menedżera Tagów Google.

Steps to integrate Google Tag Manager with WordPress

3. Zobaczysz dwa oddzielne kody dla nagłówka i stopki.

Steps to integrate Google Tag Manager with WordPress

4. Przejdź do panelu administracyjnego WordPress swojej strony.

5. Kliknij panel Wygląd z lewego menu pionowego, a następnie wybierz opcję Edytor.

Uwaga: Jeśli nie widzisz wyświetlonej w systemie WordPress opcji Wygląd → Edytor, nie masz uprawnień, aby uzyskać dostęp do panelu administracyjnego lub wystąpiły problemy z Twoimi ustawieniami bezpieczeństwa.

Steps to integrate Google Tag Manager with WordPress

7. Przewiń suwak strony w dół do linku Nagłówek (header.php) z sekcji Szablony.

Steps to integrate Google Tag Manager with WordPress

8. Skopiuj skrawek kodu z sekcji <head> z Menedżera Tagów Google, a następnie wklej go pod tagiem otwierającym <head>.

Steps to integrate Google Tag Manager with WordPress

9. Skopiuj skrawek kodu dla tagu <body> z Menedżera Tagów Google.

Steps to integrate Google Tag Manager with WordPress

10. Wklej go pod tagiem otwierającym <body> w sekcji Wygląd → Edytor na platformie WordPress.

Steps to integrate Google Tag Manager with WordPress

11. Następnie kliknij przycisk Aktualizuj plik na dole strony, aby zachować zmiany dokonane w panelu administracyjnym.

Steps to integrate Google Tag Manager with WordPress

12. Na koniec udaj się na swoją stronę WordPress, kliknij prawym przyciskiem myszy, wybierz Wyświetl źródło strony, aby upewnić się, że kody zostały dodane do Twojej strony.

Steps to integrate Google Tag Manager with WordPress

12. Upewnij się, że pod tagiem otwierającym <head> widoczna jest sekcja <script>.
13. Przewiń suwak w dół, aby znaleźć sekcję <noscript> pod tagiem otwierającym <body>.

Steps to integrate Google Tag Manager with WordPress

Uwaga: Skrawek z Menedżera Tagów Google musi zostać umieszczony bezpośrednio na stronie, którą chcesz śledzić. Umieszczenie go w ukrytej ramce iFrame lub użycie go w innym systemie zarządzania tagami sprawi, że niektóre tagi nie będą w stanie śledzić strony-rodzica.

Więcej informacji znajdziesz tutaj. Możesz również przeglądać aktywne tagi na swojej stronie za pomocą Chrome Google Tag Assistant Chrome Extension. Obejrzyj film instruktażowytutaj.

Steps to integrate Google Tag Manager with WordPress

Kolejna uwaga techniczna: Wyżej opisana metoda nie nadaje się do pracy ze stronami, które stosują Genesis Framework. Temat ten wykracza poza zakres niniejszego artykułu, wspomnimy jedynie, że Genesis Framework wymaga wprowadzenia zmian do kodu functions.php.

Zintegruj Google Optimize z platformą WordPress

Skonfiguruj Google Optimize za pomocą Menedżera Tagów Google

1. Przejdź do Menedżera Tagów Google i stwórz nowy tag.

2. Wskaż wybrany szablon tagu Google Optimize z wyskakującego menu bocznego Wybierz typ tagu.

Integrate Google Optimize with WordPress

3. Wstaw Google Analytics Tracking ID z konta Google Analytics oraz Optimize Container ID z Sekcji.

4. Dodaj nazwę do nowego tagu.

5. Następnie dodaj wyzwalacz do nowego tagu i kliknij Zapisz.

Google Optimize będzie od teraz działać na Twojej stronie WordPress, poprzez Menedżera tagów Google.

Utwórz eksperyment z zakresu przekierowania w Google Optimize

Czym jest test przekierowania?

Test przekierowania jest rodzajem testu A/B, w którym porównuje się efektywność dwóch oddzielnych stron. W tym przypadku dwa warianty identyfikowane są przy pomocy dwóch ścieżek URL.

Zamiast testować dwie wersje tej samej strony, porównujesz ze sobą dwie różne strony. Testy tego rodzaju są przydatne, kiedy chcesz zobaczyć, jak działają dwie bardzo różne strony docelowe, lub gdy testujesz zupełnie nowy układ strony.

Utwórz eksperyment z zakresu przekierowania w Google Optimize

Create a Redirect experiment in Google Optimize

Potrzebne są:

  • Dwie strony www o wspólnym celu, utworzone na witrynie WordPress, np. dwie wersje wpisu ba blogu
  • Wersja/wariant 1: Strona oryginalna
  • Wersja/wariant 2: Strona przekierowująca
  • Upewnij się, że skrawek kodu Google Optimize został zainstalowany zarówno na stronie oryginalnej, jak i na stronie przekierowującej.
  • Ważne: Wyszukiwarki zauważą próby opublikowania skopiowanych treści na Twojej stronie. Upewnij się, że meta tagi obu postów znacznie różnią się od siebie, aby uniknąć kary.

Kroki tworzenia eksperymentu z zakresu przekierowania

1. Wejdź na swoje konto Google Optimize.

2. Kliknij link Eksperyment na stronie Konta.

Create a Redirect experiment in Google Optimize

3. Kliknij przycisk Utwórz eksperyment w panelu Eksperyment.

Create a Redirect experiment in Google Optimize

Utwórz eksperyment dla testu przekierowania.

4. Wpisz stosowną nazwę w polu Nazwij swój eksperyment w wyskakującym menu bocznym Utwórz eksperyment.

5. Wpisz adres URL strony, którą chcesz przetestować.

6. Jako rodzaj eksperymentu zaznacz Test przekierowania.

7. Na koniec kliknij przycisk Utwórz w prawym górnym rogu strony. Następnie wyświetli się strona Szczegóły.

Create a Redirect experiment in Google Optimize

Stwórz wariant dla eksperymentu

1. Kliknij + Nowy wariant w sekcji Wariant na stronie Szczegóły.

Create a Redirect experiment in Google Optimize

2. Wpisz nazwę wariantu oraz cel przekierowania (np. /variant1.html) w odpowiednich polach.

Create a Redirect experiment in Google Optimize

3. Kliknij w prawym górnym rogu opcję Dodaj przycisk.

Stwórz cele eksperymentu

Cele to wskaźniki, których możesz użyć, aby ocenić, czy Twój eksperyment się powiódł. Google Optimize pozwala wybrać z szeregu typów celów, wśród nich są wyświetlenia, odrzucenia oraz czas trwania sesji.

Jeśli Twoje konta Google Optimize i Google Analytics są już połączone, możesz testować pod kątem celów niestandardowych stworzonych w Analytics. Ponieważ cele standardowe są ograniczone, lepiej ustawić własne cele.

1. Upewnij się, że masz połączenie z kontem Google Analytics uzyskane z opcji Właściwości połączenia oraz że Twoje cele w Google Analytics zostały ustawione.

2. Wybierz cel podstawowy z menu rozwijanego (np. odrzucenia).

Odrzucenie

Create a Redirect experiment in Google Optimize

Współczynnik odrzucenia odnosi się do procentu użytkowników, którzy wchodzą na Twoją stronę, ale wychodzą bez jej przejrzenia lub wykonania jakiejkolwiek czynności na stronie.

Uwaga: Możesz wybrać jeden cel podstawowy i dwa cele dodatkowe dla każdego eksperymentu. Musisz wybrać odpowiednie cele już na samym początku, ponieważ nie możesz ich zmienić później, przynajmniej w bezpłatnej wersji.

3. Kliknij przycisk + Dodaj cel, aby wybrać cel dodatkowy.

Create a Redirect experiment in Google Optimize

4. Dodaj opcję Opis i hipoteza dla swoich celów, a następnie kliknij w prawym górnym rogu przycisk Zapisz.

Dodawanie targetowania dla eksperymentu

Targetowanie to głównie dostosowanie procentu użytkowników, którzy uczestniczą w każdym z wariantów testu, jak też określenie użytkowników w zależności od celu.

1. Przejdź do zakładki Targetowanie w sekcji Konfiguracja.

2. Edytuj pola Procent użytkowników na cel oraz Określenie użytkowników na cel.

Create a Redirect experiment in Google Optimize

3. Określ, kiedy będzie wyświetlany eksperyment, używając przycisków sekcji Kiedy.

4. Kliknij ikonkę edytowania w polu Oceniaj przy ładowaniu strony, a następnie połącz wydarzenie do oceny przy pomocy menu rozwijanego Oceniaj przy.

Create a Redirect experiment in Google Optimize

5. Dodaj więcej wymogów w zależności od testowanych parametrów.
 Więcej informacji: Dowiedz się więcej o Zasadach targetowania.
6. Kliknij przycisk Rozpocznij eksperyment, aby zacząć.

Create a Redirect experiment in Google Optimize

Eksperyment trwa. Zebranie potrzebnych danych zajmie co najmniej 24 godziny. Ten okres może się przedłużyć przy słabym ruchu na stronie. Przejdź do sekcji Raportowanie, aby sprawdzić, jak radzą sobie oba warianty:

Create a Redirect experiment in Google Optimize

Jak widać na powyższym obrazie, zdolność eksperymentowania z tego rodzaju testami jest kluczem do udanej optymalizacji konwersji oraz zwiększania potencjału strony do generowania dochodu.

Kiedy już przeprowadzisz kilka eksperymentów, zbadaj koniecznie, jak wiele strategii jest dla Ciebie dostępnych z zastosowaniem narzędzi omówionych w tym tutorialu.

Możesz stworzyć cele niestandardowe (np. zamawianie produktów), użyć Optimize do modyfikacji wyglądu Twojej strony lub nawet sporządzić wykres celów. Testowanie A/B to potężne narzędzie. Bierz się do dzieła. Życzymy miłej zabawy!

Treści