Kuinka lisätä Google Optimize A / B -testaus React-sovellukseesi 10 koodirivissä

Hei ! Olen Faraz, ohjelmistosuunnittelija @ AdHawk.

En pystynyt löytämään liikaa resursseja Google Optimizerin määrittämiseen React-sovelluksessa, joten päätin kertoa, kuinka ratkaisin tämän ongelman.

Google Optimize on työkalu, jonka avulla voit suorittaa A / B-testauksen verkkosivustollasi, ja se on määritettävissä Google Optimize -hallintapaneelista. Tämä antaa yrityksellesi muille kuin insinööreille mahdollisuuden perustaa ja suorittaa kokeita yksin.

Google Optimize -logo

React-sovelluksesi luominen

Tässä opetusohjelmassa luomme uuden React-sovelluksen alusta alkaen käyttämällä create-react-app -sovellusta ja lisäämällä siihen Google Optimize. Jos olet asentanut npm, avaa päätelaite ja kirjoita seuraava:

npx luoda-reagoida -sovelluksen optimointi
cd optimoida
npm alku

npx antaa sinun käyttää luo-reagoi -sovellusta asentamatta sitä globaalisti. Sinulla on pääsy npx: hen npm: llä.

Sinun pitäisi nyt olla React-sovelluksesi asennettuna ja käynnissä selaimessa osoitteessa localhost: 3000

Sinun pitäisi nähdä tämä selaimessa.

Google-optimointikokeen määrittäminen

Jatka ja luo ilmainen Google Optimize -tili osoitteessa https://optimize.google.com.

Kun olet kirjautunut sisään, luo uusi säilö ja nimeä se haluamallasi tavalla. Nimeni minun OptimizeExample.

Luo seuraavalla sivulla ensimmäinen kokemus ja kirjoita seuraavat arvot:

Nimi: Ensimmäinen kokeilu

Toimittajan sivu: http://localhost.com:3000

Huomaa: Optimointi ei toimi localhostissa. Sinun täytyy muokata koneesi isäntätiedostoa ja luoda alias, kuten minäkin. Käytän localhost.com-sivustoa. Lisätietoja isäntätiedoston (Mac, Windows ja Linux) muokkaamisesta täältä: https://www.howtogeek.com/howto/27350/beginner-geek-how-to-edit-your-hosts-file/

Luo seuraavaksi variantti. Oletuksena variaation nimi on Variant 1.

Kaksi varianttiamme.

Tarvitset Google Analytics -tilin, jotta voit linkittää Optimoi siihen. Kun olet linkittänyt Optimoi kokeilusi Google Analytics -tiliisi, näkyviin tulee malli