Split-Test WooCommerce s Google Optimize

Viete, že je dôležité zvýšiť návštevnosť vášho obchodu WooCommerce, pretože časť tejto návštevnosti sa stane zákazníkmi. Ako však viete, či je vaša stránka efektívna pri premene návštevníkov na zákazníkov?

Počet návštevníkov, ktorí sa stanú zákazníkmi, sa nazýva konverzný pomer. Konverzné pomery sú dôležité pre každý rastúci obchod WooCommerce na sledovanie a prácu na optimalizácii. Jedným z vysoko efektívnych spôsobov optimalizácie konverzných pomerov v obchode je nastavenie experimentov pomocou Optimalizácie Google, aby ste zistili, čo zvyšuje váš konverzný pomer.

Tento článok vám pomôže nastaviť rozdelené testovanie Optimalizácie Google vo vašom obchode WooCommerce. Po dokončení tohto návodu pochopíte, ako môžete otestovať časti návrhu a znenie, aby ste zvýšili mieru konverzie. Takže sledujte, nemusíte byť vývojár alebo kóder! Sľubujem, že budem robiť veci jednoducho.

Tento článok som rozdelil do troch častí:

  1. Ako si nastaviť účet Google Optimize
  2. Integrujte Google Optimize do svojho obchodu WooCommerce
  3. Nakonfigurujte svoj prvý rozdelený test v Optimalizácii Google

Dôrazne odporúčam každému majiteľovi obchodu WooCommerce s primeranou návštevnosťou (najmenej 5 000 jedinečných návštevníkov za mesiac), aby si nastavil rozdelené testy. Sú skvelým nástrojom na zistenie, ktoré časti štruktúry alebo textu vašej stránky obmedzujú mieru konverzie. Na bezplatné nastavenie týchto testov môžete použiť Optimalizáciu Google, čo je na začiatok ideálne. Príkladmi bežných rozdelených testov je testovanie, akú farbu by malo mať tlačidlo „Pridať do košíka“, aby ste podporili kliknutia na skrytie alebo zobrazenie štítkov dôveryhodnosti na stránke Pokladňa, znenie tlačidla „Pokladňa“ a ďalšie dôležité prvky na webovej stránke vášho obchodu.

V tomto príklade spustíme experiment s tlačidlom „Pokladňa“ a navzájom porovnáme dve rôzne farby. Začnime!

Nastavte si účet Google Optimize

Vytvorenie účtu Google Optimize je jednoduché, najmä ak už používate Google. Zamierte k https://marketingplatform.google.com/about/optimize/ a kliknite na tlačidlo „Prihlásiť sa do Optimalizácie“ v pravom hornom rohu. Ak ešte nemáte účet Google, budete si ho musieť vytvoriť.

Po vytvorení účtu vás privíta sprievodca, ktorý vás prevedie procesom nastavenia. Poďme si to spolu prejsť.

Prvým krokom v sprievodcovi je, že vás Google požiada, aby ste sa prihlásili na odber rôznych e-mailových bulletinov. Je len na vás, či chcete mať viac e-mailov vo svojej doručenej pošte – ja určite nie. Takže pre všetky tieto políčka zaškrtnem „Nie“.

Čítať:  Kybernetická bezpečnosť pre malé podniky: najnebezpečnejšia...

Krok 2 je nakonfigurovať svoj prvý účet Google Optimize. Budete dostávať najrôznejšie otázky týkajúce sa ochrany osobných údajov a GDPR, ktorá do značnej miery závisí od fyzickej polohy vašej firmy. V USA platia menej prísne pravidlá ako v Európskej únii.

Keďže žijem v Nemecku, musím akceptovať kolónky o GDPR. Taktiež nechcem, aby boli moje údaje zdieľané s inými službami Google, ktoré som s mojím účtom ručne neprepojil. Svoj účet Google Analytics budete chcieť prepojiť s Optimalizáciou Google – aby ste zo svojich údajov vyťažili maximum. Ale okrem prípadov použitia, ako je tento, chcem svoje údaje zachovať v súkromí.

To je všetko! Váš účet je teraz nastavený a ste pripravení vytvoriť svoj prvý experiment s rozdeleným testom.

Integrujte Google Optimize do svojej inštalácie WordPress

Po dokončení nastavenia účtu, ako je popísané vyššie, vás spoločnosť Google požiada o vytvorenie „prvej skúsenosti“. Skúsenosti predstavujú spôsob, akým Google zoskupuje experimenty, ktoré prebiehajú na jednej webovej lokalite. Ak teda máte viacero stránok alebo obchodov a chcete ich integrovať do Optimalizácie Google, budete musieť vytvoriť jednu skúsenosť pre každú z nich.

Ako môžete vidieť v sekcii napravo, s vytváraním tohto zážitku sme skončili na 25 %. V tejto časti návodu prispôsobíme názov nášho kontajnera, nastavíme základ pre váš rozdelený test a prepojíme ho so službou Google Analytics.

Na organizovanie kontajnerov rád používam adresu URL cieľovej webovej stránky ako ich názov. Názov kontajnera môžete jednoducho zmeniť kliknutím na tri zvislé bodky hneď vedľa „Informácie o kontajneri“ na pravom bočnom paneli.

Kliknite na „Upraviť názov kontajnera“ a zadajte akýkoľvek názov, ktorý vám pomôže rozpoznať webovú stránku, s ktorou je tento kontajner integrovaný. Na účely tohto tutoriálu budem používať ukážku Woo Google Optimize.

Nakonfigurujte svoje prvé testovacie prostredie v službe Google Optimize

Teraz, keď máte svoj kontajner správne pomenovaný, poďme prejsť nastavením vášho prvého rozdeleného testu pre váš obchod WooCommerce. Najprv kliknite na modré tlačidlo „Let’s Go“, čím sa otvorí nová oblasť na pravej strane obrazovky.

V tejto oblasti môžete zadať názov svojej skúsenosti. Pre tento príklad som nazval svoj „test farby tlačidla Checkout“. Musíte zadať adresu URL stránky, na ktorej chcete spustiť experiment, čo by bola adresa URL stránky pokladne.

Čítať:  Google: Nebuďte prekvapení, ak uvidíte rôzne znalostné panely na počítači a mobile

Môžete ďalej špecifikovať, aký typ zážitku chcete spustiť. Optimalizácia Google ponúka štyri rôzne typy:

  • A/B test. To vám umožní vytvoriť jeden variant pôvodnej stránky a navzájom ich porovnať tak, že jednu časť návštevnosti pošlete na originál a druhú časť na variáciu.
  • Viacrozmerný test. To vám umožní vytvoriť viacero variácií pôvodnej stránky. Použil by som to iba vtedy, keď máte veľkú návštevnosť, inak bude trvať dlho, kým získate dôveryhodné výsledky.
  • Test presmerovania. Časť návštevnosti môžete presmerovať na inú stránku, než bola pôvodná. Je to skvelé, ak chcete porovnať dve úplne odlišné rozloženia stránok alebo ak chcete presunúť časť návštevnosti do vašej subdomény.
  • Personalizácia. Tento typ zážitku môžete použiť na prispôsobenie obsahu vašich webových stránok v závislosti od určitých pravidiel. Môžete napríklad zacieliť na krajiny a poskytnúť informácie špecifické pre tieto krajiny (napríklad začiarkavacie políčka GDPR iba pre zákazníkov so sídlom v EÚ v službe Checkout).

Pre tento návod nastavíme jednoduchý A/B test na porovnanie dvoch rôznych farieb tlačidla pokladne.

Na ďalšej obrazovke kliknite na „Pridať variant“ a pomenujte variant, ktorý vám pomôže rozpoznať, čo testujete. V mojom prípade zmením tlačidlo „Zadať objednávku“ na stránke Pokladňa na červenú farbu pozadia – takže „Červené tlačidlo zadať objednávku“ má pre tento návod zmysel.

Kliknite na „Hotovo“, čím sa dostanete späť na obrazovku s prehľadom. Skôr ako pristúpime ku konfigurácii testu, musíme sa uistiť, že produkt skutočne máme v košíku, aby bola prístupná stránka Pokladňa a mohli sme vykonať zmenu.

Google Optimize sa pokúsi otvoriť stránku Checkout hneď, ako kliknete na „Upraviť“ a nakonfigurujete variant. Musíte sa teda uistiť, že máte otvorenú kartu vo svojom obchode WooCommerce a že ste na stránke Pokladňa.

Okrem toho sa uistite, že máte nainštalované rozšírenie Optimalizácia Google pre prehliadač Chrome. Tu je odkaz na Internetový obchod Chrome (rozšírenie je bezplatné).

Ok, poďme pokračovať a nakonfigurujte A/B test kliknutím na „Upraviť“. Uvidíte, že Optimalizácia Google sa znova načíta a teraz otvorí vašu stránku Checkout. Preto potrebujeme mať produkt v košíku, aby sme tú stránku skutočne videli a neboli presmerovaní na prázdnu stránku košíka.

Hneď ako začnete pohybovať myšou po obrazovke, uvidíte, že každý komponent HTML vašej stránky Checkout sa zvýrazní. Prejdite na tlačidlo „Objednať“ a kliknite naň. Tým sa otvorí okno atribútov, ktoré môžete vidieť na snímke obrazovky vyššie.

Čítať:  DreamHost expanduje: Oznamuje AWS Dubai Data Ce...

Zmena farby pozadia a farby textu je veľmi jednoduchá. V tomto okne atribútov prejdite nadol, kým neuvidíte polia pre farbu textu a farbu pozadia, a aktualizujte hodnoty na farby, ktoré chcete testovať. V tomto príklade má tlačidlo „Objednať“ čierne pozadie so sivým textom. V A/B teste som to zmenil na biely text na červenom pozadí.

Vďaka tomu som úplne nakonfiguroval variant testu A/B a môžem kliknúť na „Uložiť“ v pravom hornom rohu editora variácií.

Vedľajšia poznámka: netestujte viac ako jeden prvok na variant. Keď otestujete viac ako jednu zmenu na variant, nebudete vedieť, ktorá vizuálna zmena skutočne spôsobila zmenu v správaní návštevníkov na vašej webovej lokalite.

Keď sa vrátite na obrazovku s prehľadom, uvidíte, že variant Optimalizácie Google uvádza, že testujeme dve zmeny – ale nenechajte sa zmiasť. Nikdy sa neodporúča testovať viac ako jeden prvok naraz, a to je to, čo tu robíme. Jednou zmenou bola farba písma a druhou zmenou bola farba pozadia tlačidla. Stále je to len jeden prvok, ktorý testujeme.

Ďalším krokom je prepojenie účtu Google Optimize so službou Analytics. Preto musíte kliknúť na tlačidlo „Prepojiť so službou Analytics“ v lište priebehu alebo prejsť nadol do časti s názvom „Meranie a ciele“.

Tam môžete kliknúť na tlačidlo „Prepojiť so službou Analytics“ a vybrať správne vlastníctvo a zobrazenie. Vedľajšia poznámka: Uistite sa, že Google Analytics je správne nastaviť vo vašom obchode WooCommerce pred pokračovaním.

Potom sa vám zobrazí útržok kódu, ktorý musíte umiestniť na svoje webové stránky. Ako to presne implementovať závisí od vašej konfigurácie Google Analytics (univerzálne sledovanie vs. globálna značka webu). V tomto príklade používam integráciu globálnej značky webu, takže všetko, čo musím urobiť, je pridať jeden riadok kódu na svoj web. Optimalizácia Google odvádza skvelú prácu pri vysvetľovaní, preto si pozorne prečítajte pokyny.

Posledným krokom, ktorý musíme urobiť, je nastaviť udalosť sledovania pre tlačidlo „Zadať objednávku“. Musíme povedať službe Google Analytics, aby sledovala kliknutia na tlačidlo, aby mohla Optimalizácia Google použiť sledované údaje ako vlastný cieľ pre rozdelený test. Bez tohto sledovania kliknutí nebude Optimalizácia Google schopná určiť víťaznú variáciu z nášho testu, pretože na to nebude mať správne údaje.

Existuje niekoľko spôsobov, ako pridať sledovanie kliknutí na vašu stránku WooCommerce; môj obľúbený spôsob je použitie Správcu značiek Google. Nebudem tu zachádzať hlboko do nastavenia celého procesu sledovania, pretože by to bol príspevok sám o sebe. Vrelo však odporúčam prečítať prostredníctvom tohto článku na médiu ak ste predtým nenastavili sledovanie kliknutí.

Čítať:  Spoločnosť Google aktualizuje svoje rady týkajúce sa obsahu v rámci prvých 15 MB súborov HTML

Po nastavení Správcu značiek Google so správnymi značkami a jeho nasadení na webe WooCommerce (napr. tento bezplatný doplnok), ste pripravení nastaviť vlastný cieľ v Optimalizácii Google.

Kliknite na „Pridať cieľ experimentu“ a vyberte „Vytvoriť vlastný“. Zobrazí sa vám obrazovka, na ktorej definujete svoje vlastné pravidlá sledovania.

Upozorňujeme, že hodnota „Event Label“ sa musí zhodovať s menovkou, ktorú ste nakonfigurovali v Správcovi značiek Google. Aby Optimalizácia Google mohla sledovať túto vlastnú udalosť – kliknutie na tlačidlo „Zadať objednávku“, musia sa štítky udalostí zhodovať v Optimalizácii Google a Správcovi značiek Google. Ako parametre pravidla môžete použiť aj „Akcia udalosti“, „Kategória udalosti“ alebo „Hodnota udalosti“, ale v tomto návode postačí označenie.

Po uložení vlastného cieľa môžete spustiť diagnostický nástroj a overiť, či je váš experiment Optimalizácie Google nastavený správne. Nezabudnite, že Optimalizácia potrebuje na načítanie vašej stránky službu Google Analytics. Ak ste teda vylúčili svojho používateľa zo sledovania (napr. blokovanie sledovania pre všetkých správcov vo WP), je pravdepodobné, že toto overenie zlyhá. Ak sa tak stane, odporúčam vám dočasne zahrnúť svojho používateľa do sledovania služby Google Analytics. Prípadne môžete otvoriť svoj obchod WooCommerce v okne inkognito a overiť, či sa do kódu vášho obchodu načítavajú všetky kódy pre Správcu značiek Google, Google Analytics a Optimalizáciu Google.

V tomto bode by vaša skúsenosť mala fungovať správne. Môžete použiť režim živého ladenia z Optimalizácie Google a prehliadať svoje stránky, aby ste overili skúsenosti. Uvidíte, že Chrome vám pod webom zobrazí oblasť, ktorá vám poskytne prehľad o tom, ako Google Optimize funguje na vašom webe WooCommerce.

Na tejto snímke obrazovky môžete vidieť, že skúsenosť bola použitá, a niektoré ďalšie informácie, ako napríklad variant, ktorý sa mi zobrazuje, a webová adresa, ktorá spôsobila spustenie variantu.

Nakoniec ste pripravení zbierať testovacie údaje a optimalizovať svoju stránku WooCommerce pre viac konverzií a výnosov.

Hľadáte ďalšie spôsoby, ako optimalizovať svoju stránku WooCommerce? Prechod na spravovaný hosting WooCommerce vám môže pomôcť efektívnejšie škálovať váš obchod a zároveň zvýšiť rýchlosť vášho webu. Zistite viac ešte dnes.

Nové Publikácie:

ODPORÚČANIE