Alusta · Testaus

Kolme testityyppiä, yksi visuaalinen editori

Visuaaliset monivarianttitestit, URL-uudelleenohjaukset ja palvelinpuolen testit, käynnistettynä suoraan livesivustonne Chrome-laajennuksesta. Osoittakaa elementtiä, muuttakaa sitä, tallentakaa variantti.

Näin testi etenee

Hypoteesista toimitettuun muutokseen

Kuka sen näkee, mitä ajetaan seuraavaksi, ja mitä kehitystiimi saa käteensä kun olette valmiit.

  • No-code-muokkaus tekstille, tyylille, asettelulle ja sijainnille, sekä oma CSS ja JS tehokäyttäjille
  • Kohdennus URL-osoitteen, laitteen ja evästeen mukaan, pysyvällä osoituksella jotta palaavat kävijät saavat yhtenäisen kokemuksen
  • Välkynnänesto neljällä toisistaan riippumattomalla varmistuksella, joten kävijät eivät koskaan näe alkuperäisen sivun välähtävän esiin testissä
  • Jokainen kelpoinen kävijä osallistuu jokaiseen kelpoiseen testiin, joten kymmenen testin ajaminen yhtä aikaa ei maksa yhtään otoskokoa
  • Voittajan julkaisu yhdellä klikkauksella sataan prosenttiin liikenteestä, ja toteutuksen luovutus voittajien kovakoodaamiseksi
  • Hypoteesien seuranta PXL-priorisointipisteillä backlogin rankingiin
MonivarianttiURL-uudelleenohjausPalvelinpuoli
Testikirjasto: viisi testiä kolmen tyypin yli, liikennejakoineen ja kohdennusikkunoineen, yksi käynnissä, yksi odottaa päätöstä ja yksi jo julkaistu.

Kohdennus

Näyttäkää se juuri oikealle henkilölle

Kolme ulottuvuutta, yhdistettynä testikohtaisesti: osoite, laite ja eväste jonka sivustonne jo asettaa. Osoitus on pysyvä, joten palaava kävijä pitää sen variantin jonka sai.

  • URL-säännöt seitsemällä ehdolla, mukaan lukien regex ja kaksi negatiivista
  • Työpöytä, mobiili tai tabletti, tunnistettuna ennen kuin kävijä tuodaan sisään
  • Evästekohdennus kirjautuneelle tai segmentoidulle liikenteelle, verrattuna arvolistaan
  • Pysyvä osoitus, säilytettynä selaimen tallennustilassa evästeen sijaan
  • Pakottakaa mikä tahansa variantti URL:n kautta tarkistettavaksi, ilman testitiliä
Testin kohdennussäännöt: tuotesivut mobiilissa, outlet-osasto pois lukien, kävijöille joiden kanta-asiakaseväste merkitsee heidät jäseniksi, pysyvällä osoituksella, päästäen sisään 61 % liikenteestä.

Voittajan toimittaminen

Yksi klikkaus sataan prosenttiin, tai luovutus kehitystiimille

Julkaiskaa voittanut variantti kaikelle liikenteelle suoraan tulossivulta. Kun sen pitäisi sen sijaan elää koodipohjassa, Pertento kirjoittaa luovutuksen tarkalla muutoksella.

  • Julkaisu yhdellä klikkauksella, kirjauksella siitä kuka sen julkaisi
  • Toteutuksen luovutus selektorilla ja muutoksella
  • Palauttakaa alkuperäiseen milloin tahansa
Julkaisunäkymä: variantti B julkaistuna kaikelle liikenteelle, julkaisija nimettynä, aikaleima ja palautus saatavilla, sen luovutuksen vierellä joka listaa selektorin, tekstin ja värin kovakoodattavaksi.

Priorisointi

Backlog järjestetty PXL-pisteiden mukaan, ei mielipiteen

Kirjatkaa jokainen hypoteesi, pisteyttäkää se PXL-mallilla, ja antakaa rankingin päättää mitä ajetaan seuraavaksi. Kolme pistettä ratkeavat yhdeksi luvuksi, koska backlogin pitää olla järjestettävissä ja kolme lukua on keskustelu.

  • Potentiaali, altistus ja työmäärä, pisteytettynä yhdestä viiteen kukin
  • Ratkeaa yhdeksi tärkeydeksi nollasta kymmeneen, jonka mukaan lista järjestyy
  • Hypoteesit linkitettynä testiin joka testasi ne
  • Korkeimmin pisteytetty luonnos nostetaan esiin kun mikään muu ei tarvitse teitä
Hypoteesibacklog järjestettynä PXL-pisteiden mukaan, kiinnitetystä ostoskorinapista pisteillä 9,4 alas hero-videoon pisteillä 3,2.

Toteutus

Luovuttakaa voittaja kehitystiimille, muutoksen kera

Voittaja voi jatkaa Pertenton tarjoilemana toistaiseksi, mutta useimmat tiimit haluavat sen lopulta koodipohjaan. Toteutusnäkymä seuraa mitkä voittajat vielä pyörivät alustalla ja mitkä on kovakoodattu.

  • Selektori ja tarkka muutos, valmiina liitettäväksi
  • Tila per voittaja: odottaa, käynnissä, kovakoodattu
  • Testi jatkaa tarjoilua kunnes koodi on julkaistu
Toteutusnäkymä: viisi voittajaa tiloineen, ja yhden niistä luovutus joka antaa selektorin, muutoksen, sen tarjoileeko Pertento sitä yhä, ja tiketin.

Putket · beta

Päättäkää järjestys, lopettakaa sitten käsin aikatauluttaminen

Putki on järjestetty sarja vaiheita, ja vaihe on joukko testejä jotka ajetaan yhdessä. Testit jotka törmäisivät menevät eri vaiheisiin, ja jokainen vaihe ajaa vuorollaan täydellä liikenteellä, mikä on päinvastainen kuin niiden tekeminen toisensa poissulkeviksi ja yleisön jakaminen.

  • Vaiheet aseistavat itsensä järjestyksessä, joten mikään ei odota että joku muistaa
  • Edetkää kun jokainen testi päättyy, ensimmäisessä merkitsevässä tuloksessa, tai henkilön sanasta
  • Vaihe aseistetaan kokonaan tai ei lainkaan, joten puoliksi käynnistetty vaihe ei koskaan jää käymään
  • Automaatio ja automaattinen julkaisu ovat erilliset kytkimet, molemmat pois päältä kunnes kytkette ne
  • Automaation ollessa pois moottori silti kirjaa mitä se olisi tehnyt, samalla koodilla
Nelivaiheinen putkitaulu: kassavaihe valmiina, kaksi tuotesivutestiä käynnissä yhdessä nykyisessä vaiheessa, ja kaksi myöhempää vaihetta odottamassa, automaatio päällä ja automaattijulkaisu pois.

Visuaalinen editori

Osoittakaa sitä, muuttakaa sitä, tallentakaa variantti

Editori avautuu livesivustollenne Chrome-laajennuksesta. Valitkaa elementti, muokatkaa sen sisältöä ja tyyliä ominaisuuspaneelissa, ja muutos tallentuu varianttia vasten. Ei julkaisua, ei tikettiä, ei staging-kopiota sivusta.

TekstiTyyliAsetteluSijaintiOma CSS/JS
PDP Mobile — Sticky CTA + selector /V-1Save
FREE DELIVERY OVER €504.7 ★★★★★  ·  27,726 reviewsFind a store
NORTHWINDHi, what are you looking for?Sign in
WOMENMENKIDSFOOTWEAREQUIPMENTHOMEHUNTINGNEWSSALE
Storefront hero · 1200×472
AUTUMN ARRIVALS ARE HERE
Shop the new seasonShop autumn arrivalsa.cta
Product
NEW
Art 4176Trail trouser, men€39
Product
NEW
Art 5038Fleece shirt, men€29
Product
COLOUR
Art 1520Bamboo tee, menFrom €10
Product
NEW
Art 4177Trail trouser, women€39
Properties
bodydivmaindivsectiona
a.cta
Typography
Text content
Shop autumn arrivals
Font family
sans-serif
Font size
13px
Text colour
#111827#c81e28
Text align
center
Spacing
Size
Background
Border
Position
Content
Changes3 changes

Hierarkiapuu ja selektorikenttäniitä kertoja varten kun osoittaminen ei ole tarpeeksi tarkkaa, ja murupolku näyttää täsmälleen mikä solmu on valittuna.

Vuorovaikutuskytkinvaihtaa elementtien valitsemisen ja sivun käyttämisen välillä, joten voitte avata valikon tai modaalin ja muokata sitten sen sisältöä.

Laitevalitsinrajaa työtilan niihin leveyksiin joita liikenteenne käyttää. Variantti joka toimii vain työpöytäleveydellä ei ole valmis.

Muutoslistaon variantti: järjestetty kirjaus kaikesta mitä se tekee, jokainen rivi poistettavissa erikseen, ja sama lista jonka luovutus myöhemmin lukee.

Lisää visuaalisesta editorista · Miten laajennus avaa sen

Testin rakentaminen

Osat jotka tekevät toisesta testistä halvemman kuin ensimmäisestä

Suurin osa ohjelman ajasta ei kulu ensimmäiseen testiin. Se kuluu asetuksen rakentamiseen uudelleen, variantin tarkistamiseen ennen julkaisua, ja sellaisen kirjauksen pitämiseen jota joku voi lukea ensi vuonna.

Viisi HTML-sijoitusta

Korvaa elementti, lisää sen sisään kumpaan päähän tahansa, tai sijoita merkkaus sen eteen tai jälkeen. Rakenteelliset muutokset pysyvät yhdellä rivillä kuvattavina, ja juuri se tekee niistä myöhemmin katselmoitavia.

Oma CSS ja JavaScript

Varianttikohtaisesti, kaikkeen mitä ominaisuuspaneeli ei osaa ilmaista. Se toimitetaan sivustollenne rakennetun paketin sisällä ja ajetaan ennen kuin sivu paljastetaan, joten skriptattu muutos ei koskaan näytä hypähdykseltä.

Varianttien kuvakaappaukset

Ota ja rajaa kuva siitä miltä variantti näytti, suoraan editorista. Puoli vuotta myöhemmin luettu tulos on ilman sitä pelkkä lista valitsimia.

Testin kopiointi

Kopioi variantit, jokaisen muutoksen niissä, kuvakaappaukset ja kaikki kolme kohdennustapaa. Asetusten rakentaminen uudelleen käsin on juuri se kohta jossa väärä kohdennussääntö päätyy tuotantoon.

Koeajot ennen julkaisua

Harjoitelkaa koko ketju oikeaa ajoympäristöä vasten merkittynä koeajona, ja poistakaa se sitten. Mitään mitä harjoitus keräsi ei tarvitse koskaan selitellä raportissa.

Pakota variantti URL-osoitteella

Lisää mihin tahansa osoitteeseen parametri, niin kiinnitätte itsenne tiettyyn varianttiin, tai näette yhden variantin kaiken muun pysyessä alkuperäisenä. Silmämääräinen katselmointi ei vaadi testitunnusta.

Sen ollessa käynnissä

Mitä ajonaikainen ympäristö tekee kävijöidenne sivuilla

Kaikki alla ratkeaa selaimessa, tiedostosta joka on käännetty pelkästään sivustollenne. Ennen sivun renderöintiä ei ole edestakaista kutsua Pertentoon, eikä mikään odota vastausta päättääkseen mitä kävijä näkee.

Rinnakkaisuus ei maksa teille mitään

Jokainen kelpoinen kävijä osallistuu jokaiseen kelpoiseen testiin, joten kymmenen käynnissä olevaa testiä saa kukin koko yleisön eikä kymmenesosaa siitä. Se syy jonka takia useimmat ohjelmat ajavat yhtä testiä kerrallaan ei päde täällä.

Painot jotka aina täsmäävät

Jakaumat tallennetaan peruspisteinä kymmenestätuhannesta ja tarkistetaan summautuvan täsmälleen, joten kolmihaarainen testi on aidosti kolme yhtä suurta kolmannesta eikä kolme pyöristystä ja aukko.

Automaattinen tasapainotus

Se osuus jonka kukin variantti todella sai mitataan ja korjataan aikataulun mukaan, joten kertynyt jako lähestyy sitä jonka asetitte sen sijaan että ajautuisi siitä kauemmas.

Pysyvä jako ilman evästeitä

Kävijä pitää sen variantin jonka sai, säilytettynä selaimen tallennustilassa eikä evästeessä. Johdonmukaisuus on oikeellisuusvaatimus ennen kuin se on kohteliaisuus.

Välkynnänesto neljällä varmistuksella

Sivu piilotetaan muutosten ajaksi ja paljastetaan neljästä toisistaan riippumattomasta koodipolusta. Se vika jota vastaan suunnitellaan on asiakkaan sivusto joka jää tyhjäksi hänen omille kävijöilleen.

Ei edestakaista kutsua ennen renderöintiä

Jokaisen sivuston asetukset käännetään omaksi staattiseksi tiedostokseen, joten ajonaikainen osa tietää jo latautuessaan mitä ajaa. Mikään ei odota API-kutsua päättääkseen mitä kävijä näkee.

Kysymykset

Mitä tiimit kysyvät ennen vaihtamista

Kuinka pian voisimme saada testin käyntiin?

Yksi skriptitagi head-osaan on koko asennus, ja se on ainoa muutos sivustollenne. Siitä eteenpäin variantti rakennetaan osoittamalla elementtejä livesivuillanne, joten ensimmäistä testiä rajoittaa se kuinka kauan teillä kestää päättää mitä testataan, ei mikään joka pitäisi hankkia, rakentaa tai aikatauluttaa. Mikään ei mene tuotantoon vahingossa opettelun aikana: uusi testi on luonnos kunnes käynnistätte sen.

Hidastaako se sivustoa tai heikentääkö se Core Web Vitals -lukujamme?

Jokainen sivusto saa oman käännetyn tiedostonsa, johon sen testit on leivottu sisään, joten ajonaikainen osa tietää jo latautuessaan mitä ajaa eikä mikään odota kutsua meille ennen kuin sivu renderöityy. Sivua pidätellään hetken muutosten ajaksi, ja juuri se estää kävijöitä näkemästä alkuperäisen välähtävän testiin, ja se paljastetaan neljästä toisistaan riippumattomasta koodipolusta, joten vika näyttää muokkaamattoman sivun eikä tyhjää. Seuranta latautuu viimeisenä, sivun ollessa jo näkyvissä, joten mittaus ei koskaan viivytä renderöintiä.

Mitä editori oikeasti pystyy muuttamaan, ja mihin se pysähtyy?

Tekstiä, tyyliä, asettelua ja sijaintia muokataan osoittamalla, ja rakenteelliset muutokset kattaa viisi HTML-sijoitusta valitsemaanne elementtiin nähden. Sen jälkeen se pysähtyy rehellisesti eikä huonosti: kaiken mitä paneeli ei osaa ilmaista kirjoitatte varianttiin omana CSS:nä tai JavaScriptinä, mikä tarkoittaa ettei testi jää koskaan kiinni työkalusta. Aito raja on muutos joka tapahtuu ennen kuin sivu on olemassa: järjestys, hinnoittelulogiikka, suositusmalli. Ne ovat palvelinpuolen testejä, ja ne vaativat kehittäjiänne.

Montako testiä voimme ajaa yhtä aikaa?

Niin monta kuin teillä on ideoita, ja tämä on se vastaus jota kannattaa verrata siihen mitä käytätte tänään. Jokainen testi satunnaistaa itsenäisesti, joten kelpoinen kävijä osallistuu jokaiseen testiin johon hän kelpaa ja kukin niistä mittaa koko kelpoista yleisöä vasten. Rinnakkaisuus ei jaa otostanne täällä, ja siksi alusta tarkistaa häiritsisivätkö kaksi testiä toisiaan sen sijaan että säännöstelisi montako niitä saa olla käynnissä. Läpimeno on yleensä se ero joka erottaa itsensä maksavan ohjelman siitä joka ei maksa.

Mitä työlle tapahtuu jos lopetamme Pertenton käytön?

Kovakoodaamanne voittajat ovat jo omassa koodipohjassanne eikä niihin kosketa, ja juuri siihen suuntaan toteutusjono työntää teitä: se listaa jokaisen voittajan jota me vielä tarjoilemme ja jaksaa merkitä sitä kunnes kehittäjillänne on tilaa. Voittajat joita alusta vielä tarjoilee pysähtyvät kun se pysähtyy, samalla tavalla kuin mikä tahansa variantti pysähtyy. Testit, hypoteesit ja kirjallinen historia jäävät tilille eivätkä meidän työkaluihimme.

Kaikki mitä pakettiin kuuluu

Koko ominaisuusvalikoima

Pertento on konversio-optimoinnin alusta verkkosivuille ja verkkokaupoille, rakennettu sekä talon sisäisille tiimeille että CRO-toimistoille jotka ajavat testausohjelmia asiakaskuntansa yli.

Integraatiot

Toimii sen stackin kanssa jota jo ajatte

Yksi pätkä pudotetaan mille tahansa sivustolle, tai menkää kokonaan palvelinpuolelle. Mitään ei tarvitse rakentaa uudelleen.

Yhden rivin pätkä

Liittäkää yksi 0,9 KB:n tagi head-osaan ja olette käynnissä. Ei build-vaihetta, ei riippuvuuksia.

Google Tag Manager

Julkaiskaa ja hallitkaa testejä suoraan GTM:n kautta. Ei kehittäjän aikaa tarvita.

Palvelinpuolen API

Ajakaa testejä selaimen ulkopuolella: hinnoittelu, haku ja reititys, ilman välkyntää.

  • Shopify
  • BigCommerce
  • Shopware
  • Centra
  • Geins
  • Saleor
  • WordPress
  • Optimizely CMS
  • Storyblok
  • Next.js
  • Vue
  • Astro
  • Matomo
  • Amplitude
  • RudderStack
  • Slack
  • WooCommerce
  • Salesforce
  • Wix
  • Litium
  • commercetools
  • Medusa
  • Drupal
  • Contentful
  • Webflow
  • Nuxt
  • Angular
  • Remix
  • Piwik PRO
  • Mixpanel
  • Tag Manager
  • Webhooks
  • Adobe Commerce
  • PrestaShop
  • Squarespace
  • Norce
  • Shopify Hydrogen
  • Vendure
  • Umbraco
  • Sanity
  • Framer
  • React
  • SvelteKit
  • GA4
  • Adobe Analytics
  • Segment
  • Klaviyo

Ei listalla? Jos se renderöi HTML:ää, Pertento voi testata sitä:lue miten kukin liittyy.

Parempia testejä, parempia konversioita

Test on all visitors with the world’s lightest script and make confident decisions powered by real-time reporting.