Technické základy
Jak nastavit A/B testování
© Cottonbro / Pexels
Nastavte si na svých stránkách vytvořených na WordPressu A/B testování pomocí nástrojů Google, zvyšte konverze a rozvíjejte skutečný výdělečný potenciál svých stránek.
Postupujte podle našeho podrobného návodu krok za krokem níže a během chvilky můžete začít s A/B testováním
Jakmile si založíte stránku a budete mít určitou návštěvnost, je potřeba maximálně využít její výdělečný potenciál. Dalším krokem by tedy mělo být zahájení A/B testování.
A/B testování je osvědčeným trikem, jak zvýšit kvalitu už tak vysoce kvalitních stránek. Nejjednodušší typ A/B testu spočívá v tom, že se návštěvníkům Vašich stránek náhodně zobrazí jedna ze dvou variant existující stránky.
Sada nástrojů, které jste si nastavili, pak zaznamenává čas strávený na stránce, míru okamžitého opuštění a další údaje – vědeckým způsobem tak zjistíte, která z Vašich dvou stránek je efektivnější. V tomto článku si vysvětlíme, jak nastavit A/B testování ve WordPressu a ukážeme si, jak na Vašich stránkách bezplatně experimentovat.
Nástroje Google umožňují neomezené A/B testování. Je třeba rozsáhlejší nastavení, které je ale jednorázové. Na začátku je třeba na Vašich stránkách nastavit služby Google Analytics, Správce značek Google (Google Tag Manager) a Google Optimize. Poté nastavíte test přesměrování a vytvoříte dvě verze příspěvku ve WordPressu.
V nástroji Google Optimize nastavíte experiment, který uživatelům náhodně zobrazí dvě verze příspěvku. V přehledech Google Optimize potom změříte výsledky. V tomto článku budeme používat technické termíny a půjdeme do hloubky. Ale ukážeme Vám, co přesně bude třeba udělat… a ve skutečnosti nejde o nic přespříliš komplikovaného. A nezapomeňte, odměna za to stojí.
Kroky
- Nastavte Google Analytics
- Nastavte Správce značek Google (Google Tag Manager)
- Nastavte Google Optimize
- Nainstalujte na stránku vytvořenou pomocí WordPressu Správce značek Google (Google Tag Manager)
- Propojte Google Optimize s WordPressem
- Vytvořte experiment s přesměrováním v Google Optimize
Nastavte Google Analytics
Google Analytics už pravděpodobně používáte. Pokud ne, budete si muset nejprve založit základní účet Google, poté přejít na Google Analytics a přihlásit se. Budete přesměrováni na svou nástěnku Google Analytics:
Poznámka: Nezapomeňte si poznamenat Sledovací ID Vašeho účtu, protože ho budete potřebovat v dalších krocích. Nástroj Analytics můžete nainstalovat prostřednictvím pluginu, přímo do kódu, nebo můžete použít i Správce značek Google (Google Tag Manager). Nainstalujte však Analytics pouze jednou.
Nastavte Správce značek Google (Google Tag Manager)
Pro naše účely stačí vědět, že Správce značek Google (Google Tag Manager, GTM) je prostředkem, který Vám umožní na Vaše stránky nainstalovat nástroj Google Optimize. „Značka“ je jen fragment javascriptového kódu, který pracuje na webové stránce. Účelem značek je posílat informace z Vaší stránky třetím stranám.
Značky Google Analytics a značky pro měření konverzí AdWords odesílají Googlu informace o určitých typech aktivit na Vašich stránkách.
Značky obvykle pracují při načítání stránky nebo jako reakce na určitou interakci na stránce.
Správce značek je univerzální platformou pro aktualizaci, vkládání a správu těchto značek. Používá svůj vlastní kontejner, který je umístěn na všech stránkách Vašeho webu. Bez správce značek byste kód každé značky museli ručně přidávat do zdrojového kódu Vašich stránek.
GTM Vám pomáhá spravovat používání značek na Vašich webových stránkách nebo mobilní aplikaci. Ovládá způsob, jakým se značky spouští a jak se zachází s daty Vašich značek pomocí spouštěčů, proměnných a datové vrstvy. Jednoduše určíte, jaké značky chcete použít, a zbytek udělá GTM za Vás.
GTM pro web Vám poskytne jediný fragment kontejnerového kódu, který umístíte na všechny své stránky. Pro mobilní aplikace se používá GTM SDK. GTM Vám ušetří čas, rozšíří implementaci Vaší stránky, snadno se používá, a přesto Vám umožní vytvářet komplexní, personalizované značky.
Jak Správce značek Google funguje?
Zjednodušuje proces vkládání fragmentů javascriptového kódu na webové stránky. Rozhraní GTM určí, při jaké příležitosti se značky spustí, při jaké akci a na jaké stránce, aniž byste museli kód na stránkách ručně aktualizovat. Na webovou stránku vloží také sledování, čímž zajistí, aby vše fungovalo správně.
Kroky k nastavení Správce značek Google (Google Tag Manager)
1. Přejděte na stránku Správce značek Google
2. Vytvořte účet následujícím způsobem:
a. Do textového políčka zadejte Název účtu (Account Name) a klikněte na tlačítko Pokračovat (Continue)
b. Do textového políčka zadejte Název kontejneru (Container Name) (měl by být v daném formátu)
c. Z uvedených možností vyberte, kde se má kontejner použít
d. V pravém horním rohu vyskakovací stránky odsouhlaste Smluvní podmínky Správce značek Google kliknutím na Ano (Yes)
Nastavte Google Optimize
Co je Google Optimize?
Jde o platformu Google k A/B testování a personalizaci, která uživatelům umožňuje testovat varianty webové stránky za účelem zvýšení konverzí. Google Optimize je nativně integrovaný do Google Analytics.
Co budete potřebovat:
Před přidáním Google Optimize budete potřebovat mít nastavené tyto nástroje:
- Účet Google Analytics
- Webový prohlížeč Chrome
- Rozšíření Chromu Optimize – bude potřeba k vytváření experimentů pomocí vizuálního editoru Optimize
Kroky k nastavení a instalaci Google Optimize
1. Přejděte na stránku Začínáme s Google Optimize
2. Klikněte na Vytvořit nový účet (Create New Account) v pravém horním rohu
Poznámka: Účty Google Optimize Vám umožňují provádět experimenty na jedné nebo více doménách. Kontejner je místem, kde se budou nacházet všechny Vaše experimenty a nastavení konfigurace
3. Do textového políčka zadejte Název účtu (Account name)
Poznámka: Doporučujeme sem zadat Vaše obchodní jméno
4. Do textového políčka zadejte Název kontejneru (Container name), zvolte, kde se má kontejner používat, a klikněte na VYTVOŘIT (CREATE)
Poznámka: Doporučujeme sem zadat název Vaší domény
5. Propojte nastavení s Google Analytics kliknutím na tlačítko PROPOJIT VLASTNOSTI (LINK PROPERTY) v sekci Propojit s Google Analytics (Link to Google Analytics) v pravém rohu
6. Vložte vlastnosti Google Analytics (Google Analytics property), zvolte Zobrazení (Views) a pokračujte kliknutím na tlačítko PROPOJIT (LINK)
7. K ID kontejneru (Container ID) se dostanete v sekci Spravovat účty a uživatele (Manage accounts and users) pod informačním panelem kontejneru (Container Information panel) vlevo
Poznámka: ID kontejneru Optimize (Optimize Container ID) budeme potřebovat k propojení Google Optimize s WordPressem v oddílu 5
8. Nyní jste vytvořili účet Google Optimize a propojili jej s Google Analytics. Dalším krokem bude vložení Optimize na Vaše stránky.
Nainstalujte na stránku vytvořenou pomocí WordPressu Správce značek Google (Google Tag Manager)
K instalaci GTM na Vaši stránku vytvořenou pomocí WordPressu budete potřebovat vložit kód do záhlaví a zápatí Vaší šablony WordPress.
Budete potřebovat:
- Existující účet Google Analytics
- Správcovský přístup k Vašim stránkám vytvořeným pomocí WordPressu
- Prohlížeč Google Chrome
Kroky k propojení Správce značek Google s WordPressem
1. Nejprve se ujistěte, že máte vytvořený účet Správce značek Google
2. Poté získejte fragment kódu ze Správce značek Google
a. Přejděte na Správce značek Google → https://tagmanager.google.com
b. Kliknutím na odkaz GTM-ID se dostanete ke kódům
c. Nebo klikněte na hlavní tlačítko ADMIN v horní liště a poté na odkaz Instalovat Správce značek Google (Install Google Tag Manager)
3. Uvidíte dva samostatné kódy pro sekci záhlaví a těla stránek:
4. Přejděte do administrace svých stránek ve WordPressu
5. V levém vertikálním menu klikněte na kartu Vzhled (Appearance) a zvolte Editor
Poznámka: Pokud nevidíte možnost Vzhled (Appearance) → Editor, pak nemáte správcovský přístup k editaci administrace nebo můžete mít problém s nastavením zabezpečení
7. Ze sekce Šablony (Templates) sjeďte dolů na Záhlaví (header.php)
8. Zkopírujte fragment kódu pro sekci <head> ze Správce značek Google a vložte jej pod otevírací tag <head>
9. Zkopírujte fragment kódu pro sekci <body> ze Správce značek Google
10. Ve WordPressu jej vložte pod otevírací tag <body> v sekci Vzhled (Appearance) → Editor
11. Kliknutím na tlačítko Aktualizovat soubor (Update File) dole poté uložíte změny v administraci
12. Nakonec přejděte na svou stránku vytvořenou pomocí WordPressu, klikněte pravým tlačítkem myši, zvolte možnost Zobrazit zdrojový kód stránky a zkontrolujte, že se kódy vložily na Vaši stránku
12. Ujistěte se, že pod otevíracím tagem <head> vidíte sekci <script>
13. Sjeďte dolů a najděte sekci <noscript> pod otevíracím tagem <body>
Poznámka: Fragment kódu Správce značek Google musíte umístit přímo na stránku, kterou chcete sledovat. Pokud byste jej umístili do skrytého iFrame nebo jej použili v jiném systému správy značek, mohli byste některým značkám znemožnit přesné sledování stránky
Více informací najdete zde. Aktivní značky Vaší stránky můžete také zkontrolovat pomocí rozšíření prohlížeče Chrome Google Tag Assistant. Podívejte se na video zde.
Další technická poznámka: Výše uvedená metoda nebude fungovat na stránkách vytvořených pomocí WordPressu, které používají Genesis Framework. Pokud používáte Genesis Framework, budete muset změnit kód functions.php, což už ale není předmětem tohoto článku.
Propojte Google Optimize s WordPressem
Nakonfigurujte Google Optimize pomocí Správce značek Google
1. Přejděte na Správce značek Google a vytvořte novou značku
2. V postranním vyskakovacím menu Zvolit typ značky (Choose tag type) vyberte šablonu značky Google Optimize
3. Vložte sledovací ID Google Analytics z účtu Google Analytics a ID kontejneru Optimize (Optimize Container ID)
4. Zadejte název (Name) nové značky
5. Poté přidejte k nové značce spouštěč a klikněte na Uložit (Save)
Na Vaší stránce vytvořené pomocí WordPressu nyní poběží Google Optimize prostřednictvím Správce značek Google.
Vytvořte experiment s přesměrováním (Redirect Experiment) v Google Optimize
Co je test přesměrování (Redirect test)?
Test přesměrování (Redirect test) je typem A/B testování, které používá dvě různé stránky a testuje jejich vzájemnou účinnost. V tomto případě jsou dvě varianty identifikovány dvěma URL cestami. Namísto toho, abyste testovali dvě verze stejné webové stránky, testujete dvě různé stránky vůči sobě navzájem. Testy tohoto druhu jsou užitečné, pokud chcete zjistit, jaký efekt mají dvě velmi rozdílné vstupní stránky nebo pokud testujete kompletně přepracované stránky.
Vytvořte experiment s přesměrováním (Redirect Experiment) v Google Optimize
Budete potřebovat:
- Dvě webové stránky vytvořené na Vaší WordPress stránce, které mají stejný cíl, například dvě verze příspěvku na blogu
- Verze/Varianta 1: Originální stránka
- Verze/Varianta 2: Přesměrovaná stránka
- Ujistěte se, že jste nainstalovali fragment kódu Google Optimize na originální i přesměrovanou stránku
- Důležité: Vyhledávače zaznamenají, pokud se pokusíte duplikovat obsah svých stránek. Ujistěte se, že meta tagy obou příspěvků se výrazně liší, abyste se vyhnuli penalizaci
Kroky k vytvoření experimentu s přesměrováním
1. Přejděte na svůj účet Google Optimize
2. Na stránce Účty klikněte na odkaz experimentu
3. Na kartě Experiment klikněte na tlačítko Vytvořit experiment (Create Experiment)
Vytvořte experiment k testu přesměrování
4. Do pole Pojmenujte svůj experiment (Name your experiment) v postranním menu Vytvořte experiment (Create experiment) zadejte vhodný název
5. Zadejte URL stránky, kterou chcete testovat
6. Jako typ experimentu zvolte Test přesměrování (Redirect test)
7. Nakonec klikněte na tlačítko Vytvořit v pravém horním rohu stránky. Budete přesměrováni na stránku s podrobnostmi
Vytvořte variantu experimentu
1. Na stránce s podrobnostmi klikněte v sekci Varianta na odkaz + Nová varianta (New Variant)
2. Do příslušných políček zadejte název varianty (Variant name) a cíl přesměrování (Redirect destination) (např. /varianta1.html)
3. Klikněte na tlačítko Přidat (Add) v pravém horním rohu
Vytvořte cíle experimentu
Cíle jsou metriky, které můžete použít k posouzení úspěchu nebo neúspěchu svého experimentu. V Google Optimize existuje několik typů cílů, jako např. zobrazení stránky, trvání návštěvy a okamžité opuštění. Pokud máte účet Google Optimize propojený se svým účtem Google Analytics, můžete testovat podle vlastních cílů vytvořených v Analytics. Jelikož jsou výchozí cíle omezené, je lepší nastavit si cíle vlastní.
1. Ujistěte se, že jste si v kroku propojení vlastností (Link Properties) propojili účet Google Optimize s účtem Google Analytics, a že jste si v Google Analytics vytvořili cíle
2. Z rozbalovací nabídky vyberte primární cíl (Primary objective), např. okamžitá opuštění (Bounces)
Okamžité opuštění
Míra okamžitého opuštění (Bounce rate) představuje procento návštěvníků, kteří navštíví Vaše stránky, ale opustí je, aniž by si je prošli nebo na nich provedli jakoukoli akci
Poznámka: V rámci jednoho experimentu můžete vybrat jeden primární cíl a dva sekundární cíle. Ujistěte se, že jste si předem vybrali všechny relevantní cíle, protože je nelze zpětně změnit, alespoň ne v bezplatné verzi
3. Sekundární cíl přidáte kliknutím na tlačítko + Přidat cíl (Add An Objective)
4. Vyplňte u cílů Popis a hypotézu (Description and hypothesis) a klikněte na tlačítko Uložit (Save) v pravém horním rohu
Přidání zacílení experimentu
Zacílení se zaměřuje na přizpůsobení procenta uživatelů, kteří se účastní každé varianty Vašeho testu, a vážení návštěvníků v závislosti na jednotlivých cílech.
1. V sekci Konfigurace (Configuration) přejděte na kartu Zacílení (Targeting)
2. Upravte políčka Procento cílových návštěvníků (Percentage of visitors to target) a Vážení cílových návštěvníků (Weighting of visitors to target)
3. Určete, kdy se má experiment zobrazit pomocí možností v sekci Kdy (When)
4. V políčku Vyhodnotit při načítání stránky (Evaluate on page load) klikněte na ikonu editace a pomocí rozbalovací nabídky Vyhodnotit při (Evaluate on) připojte událost na stránce, kterou chcete vyhodnocovat
5. Přidejte jakékoli další podmínky podle požadavků Vašeho testu
Více informací: Zjistěte více o Pravidlech cílení
6. Experiment poté zahájíte kliknutím na tlačítko Začít experiment (Start Experiment)
Váš experiment nyní běží. Data se začnou shromažďovat nejdříve po 24 hodinách nebo i později, pokud mají Vaše stránky nižší návštěvnost. Srovnání variant najdete v sekci Přehledy (Reporting):
Jak je vidět na obrázku výše, schopnost experimentovat s tímto typem testů je klíčem k úspěšné optimalizaci Vašich konverzí a zvýšení výdělečného potenciálu Vašich webových stránek.
Po provedení několika experimentů byste měli prozkoumat řadu vynikajících technik, které Vám budou nyní po nastavení nástrojů v tomto návodu k dispozici – můžete si vytvořit vlastní cíle (jako např. objednávku produktu), používat Optimize k úpravě vzhledu Vaší stránky nebo vytvářet vizualizace cesty jako trychtýř. A/B testování je velmi mocný nástroj – začněte ho používat a užívejte si ho!
