Testy A/B na stronie internetowej to kluczowa strategia do poprawy zaangażowania użytkowników i wskaźników konwersji. Jest to metoda porównywania dwóch wersji strony internetowej, aby zobaczyć, która z nich działa lepiej. W tym przewodniku przeprowadzimy Cię przez kroki efektywnego przeprowadzania testów A/B, zapewniając podejmowanie decyzji opartych na danych w celu poprawy wydajności Twojej strony internetowej.
Krok 1: Sformułuj hipotezę
- Zidentyfikuj zmianę: Określ, co chcesz zmienić na swojej stronie internetowej i dlaczego. Na przykład użytkownicy mogą nie klikać przycisku na głównej stronie.
- Cel zmiany: Celem testu jest sprawdzenie, jak modyfikacje takie jak zmiana koloru czy rozmiaru mogą wpłynąć na zachowanie użytkowników.
Krok 2: Wybierz URL testu
- Wybierz odpowiednią stronę: Strona internetowa, na której planujesz przeprowadzić test, powinna mieć wystarczający ruch w określonym okresie, na przykład przez dwa tygodnie.
Krok 3: Zdefiniuj swój cel
- Strona docelowa: Zdecyduj o stronie, która zostanie zmieniona przez test, na przykład strona „Dziękujemy”.
- Zdarzenia na stronie: Alternatywnie, celem może być konkretne zdarzenie na stronie, takie jak kliknięcie przycisku.
Ustawianie testów A/B w Plerdy
- Dostęp do testów A/B: Jeśli masz konto w Plerdy, przejdź do Konwersji > Testy A/B i kliknij niebieski przycisk „Utwórz test”.
- Nazwa testu: Wpisz nazwę swojego testu.
- URL testu: Dodaj URL, na którym będzie przeprowadzony test.
- Kod śledzenia: Jeśli „skrypt testów A/B” nie został jeszcze dodany, przejdź do „Ustawień”, skopiuj główny i dodatkowy kod śledzenia i dodaj je do wymaganych stron, w tym strony celu. Wyczyść pamięć podręczną strony i zweryfikuj instalację kodu śledzenia.
Warianty testu i ustawienia
- Data zakończenia: Ustaw datę, kiedy planujesz zakończyć test. Alternatywnie, zatrzymaj test ręcznie po 2-3 tygodniach, jeśli zebrano wystarczająco dużo danych.
- Audience: Dodaj w razie potrzeby reguły, w tym kraje i urządzenia.
- Cele: Dodaj dokładny URL z https:// lub część URL do śledzenia. Zazwyczaj jest to końcowa strona dotknięta przez Wariant B.
- Zdarzenia: Dodaj cel jako zdarzenie, postępując zgodnie z instrukcjami dotyczącymi klasy lub ID. Należy zauważyć, że dane zdarzenia są zgodne z limitem wyświetleń strony dla map cieplnych. Dodatkowe limity można zakupić, jeśli jest to potrzebne.
- Wysyłanie zdarzeń do GA4: Zaznacz pole wyboru, aby wysyłać identyfikatory zdarzeń do GA4.
- Opis: Zaleca się dodanie notatki na temat tego, co zmieniłeś i celu testu, aby pamiętać za 2-3 tygodnie.
Edycja wariantu B
Testy A/B:
- Edycja strony: Po otwarciu panelu edycji wariantu B zaznacz pola wyboru „Select element” oraz „Interactive Mode”.
- Wprowadzanie zmian: Zastosuj 1-3 zmiany w elemencie, takie jak kolor, rozmiar lub ukrycie go. Możesz także edytować treść HTML, na przykład linki lub obrazy.
- Zapisz zmiany: Zapisz zmiany w poszczególnych elementach, a następnie użyj przycisku „Save all changes”, aby zapisać wszystkie modyfikacje testu.
Edit Page: Ta opcja jest używana wtedy, gdy chcesz zmienić konkretne elementy na bieżącej stronie bez tworzenia osobnego adresu URL dla Wariantu B. Dobrze sprawdza się przy małych testach A/B, takich jak zmiana koloru przycisku, tekstu nagłówka, odstępów, ikony lub obrazu. W większości przypadków jest to najlepszy wybór, gdy chcesz przetestować jedną jasną hipotezę i zmierzyć, jak użytkownicy reagują na konkretną zmianę w UI. Jest to szybsze niż budowanie całej strony od nowa i pomaga dokładnie ustalić, która zmiana poprawiła konwersję.
Poniżej znajduje się prosty przykład CSS do testu A/B koloru przycisku na stronie:
.cta-button {
background-color: #EE5622 !important;
border-color: #EE5622 !important;
color: #ffffff !important;
}Jeśli na stronie jest kilka przycisków z tą samą klasą, lepiej użyć unikalnego atrybutu, jeśli jest dostępny. Dzięki temu zmienisz tylko jeden docelowy przycisk, a nie wszystkie przyciski na stronie.
<a class="cta-button" plerdy-tracking-id="50130403501">Kup Teraz</a>a[plerdy-tracking-id="50130403501"] {
background-color: #EE5622 !important;
border-color: #EE5622 !important;
color: #ffffff !important;
}Możesz też wskazać tylko drugi link wewnątrz tego samego kontenera, używając selektora child. To przydatne, gdy oba przyciski mają tę samą klasę i nie ma dostępnego unikalnego atrybutu.
<div class="bbbb">
<a class="cta-button" href="#">Wariant A</a>
<a class="cta-button" href="#">Wariant B</a>
</div>.bbbb > a:nth-child(2) {
background-color: #EE5622 !important;
border-color: #EE5622 !important;
color: #ffffff !important;
}Testy przekierowań:
Ta opcja działa najlepiej wtedy, gdy wariant B jest osobną nową stroną, a nie zestawem edytowanych elementów na oryginalnej stronie.
- Kiedy jej używać: Testy przekierowań sprawdzają się najlepiej wtedy, gdy planujesz wiele zmian naraz, na przykład na stronie głównej, stronie produktu, stronie kategorii lub innej ważnej stronie docelowej.
- Jak to działa: W takim przypadku użytkownicy trafiający na wariant A są przekierowywani na nową stronę testową utworzoną jako wariant B, dzięki czemu możesz porównać stronę oryginalną z przeprojektowaną wersją.
- Dlaczego to pomaga: Ten format jest przydatny wtedy, gdy drobne zmiany elementów nie wystarczają i chcesz przetestować w pełni odświeżoną koncepcję strony.
Uruchomienie testu
- Przejrzyj ustawienia: Otwórz stronę ustawień testu w nowej karcie i odśwież.
- Rozpocznij test: Kliknij przycisk „Rozpocznij test”. Możesz również zobaczyć wszystkie zmiany wprowadzone na stronie internetowej, wybierając „Pokaż wszystkie zmiany”.
Analiza wyników testów A/B
- Rozkład sesji: Każdy wariant otrzymuje w przybliżeniu 50/50% sesji użytkowników.
- Kluczowe metryki: Szukaj kolumny „Poprawa” w zakładce Całkowite Sesje, która wskazuje zwycięski wariant.
- Analiza urządzeń: Zbadaj, które urządzenie najbardziej wpłynęło na zwycięski wariant.
- Analiza ruchu: Określ, który kanał ruchu był bardziej efektywny.
Interpretacja negatywnych wartości dla Wariantu B
- Czekaj kilka dni więcej: Czasami początkowe wyniki mogą nie wskazywać prawdziwej wydajności ze względu na czynniki takie jak niski ruch lub początkowe dostosowanie zachowania użytkowników. Poczekanie kilku dni więcej może dostarczyć więcej danych dla wiarygodnego wniosku.
- Rozważ Wariant B za nieudany: Jeśli negatywny trend utrzymuje się konsekwentnie przez znaczący okres, można bezpiecznie stwierdzić, że Wariant B jest mniej wydajny niż Wariant A. W takich przypadkach zaleca się analizę elementów Wariantu B, które mogą powodować spadek wydajności i rozważyć zmianę lub porzucenie wprowadzonych zmian w tym wariancie.
Porady dotyczące sprawdzania Wariantu B
- Różne przeglądarki: Użyj różnych przeglądarek do sprawdzania Wariantu B, ponieważ nie można zobaczyć obu wariantów w tej samej sesji przeglądarki w ciągu 30 minut.
Podsumowanie
Testy A/B to potężne narzędzie optymalizacji strony internetowej. Postępując zgodnie z tymi krokami, możesz podejmować świadome decyzje oparte na zachowaniach i preferencjach użytkowników. Pamiętaj, że kluczem do sukcesu w testach A/B jest ciągła nauka i adaptacja. Powodzenia w testowaniu!
Wnioski z analizy wyników testów A/B
Analizując wyniki testów A/B, ważne jest, aby zwrócić uwagę na szereg kluczowych wskaźników. Te dane pomogą Ci zrozumieć, który wariant strony lepiej spełnia Twoje cele biznesowe i jest bardziej atrakcyjny dla użytkowników.
Co robić, gdy Wariant B ma negatywne wartości?
Jeśli Wariant B wykazuje negatywne wartości w metryce poprawy, może to oznaczać, że nie działa on tak dobrze jak Wariant A. W takim przypadku masz dwie opcje: zaczekać kilka dni dłużej, aby zebrać więcej danych lub uznać Wariant B za nieudany i zastanowić się nad zmianami, które mogłyby być wprowadzone.
Porady dotyczące testowania Wariantu B
Podczas testowania Wariantu B ważne jest, aby pamiętać o kilku kluczowych aspektach. Sprawdzanie wariantu w różnych przeglądarkach pomoże upewnić się, że zmiany są widoczne dla wszystkich użytkowników.
Podsumowanie
Testy A/B są nieocenionym narzędziem w optymalizacji stron internetowych. Dzięki przestrzeganiu tych kroków możesz podejmować decyzje oparte na rzetelnych danych, co przyczyni się do poprawy wydajności Twojej strony. Pamiętaj, że klucz do skutecznego testowania A/B to ciągła nauka i dostosowywanie się do zmieniających się potrzeb użytkowników. Życzę powodzenia w testowaniu!