Alusta · Testaus

Kolme testityyppiä, yksi tekoälyllä varustettu editori

Visuaaliset monivarianttitestit, URL-uudelleenohjaukset ja palvelinpuolen testit, käynnistettynä suoraan Chrome-laajennuksesta livesivustollanne. Kuvailkaa muutos tekoälyeditorille tai osoittakaa elementtiä ja muuttakaa sitä itse, ja tallentakaa sitten variantti.

Näin testi etenee

Hypoteesista julkaistuun muutokseen

Kuka sen näkee, mitä ajetaan seuraavaksi ja mitä kehittäjät saavat käteensä, kun olette valmiita.

  • Tekoälyeditori, joka rakentaa muutokset arkikielisestä kuvauksesta, muokkaus ilman koodia ja valmiit komponentit sekä oma CSS ja JS
  • Kohdennus URL-osoitteen, laitteen ja evästeen mukaan, pysyvällä jaolla, 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 ennen testiä
  • Jokainen kelpoinen kävijä osallistuu jokaiseen kelpoiseen testiin, joten kymmenen testin ajaminen yhtä aikaa ei pienennä yhdenkään otoskokoa
  • Voittajan julkaisu yhdellä klikkauksella sadalle prosentille liikenteestä ja toteutuksen luovutus voittajien kovakoodaamiseksi
  • Hypoteesien seuranta ja PXL-priorisointipisteet backlogin järjestämiseen
MonivarianttiURL-uudelleenohjausPalvelinpuoli
Testikirjasto: viisi testiä kolmen tyypin yli, liikennejakoineen ja kohdennusikkunoineen, yksi käynnissä, yksi odottaa päätöstä ja yksi jo julkaistu.

Tekoälyeditori

Kuvaile muutos ja katso, miten se syntyy

Kertokaa editorille omin sanoin, mitä haluatte, tai osoittakaa elementtiä ja kysykää. Tekoäly lukee sivun, ehdottaa muutoksia ja näyttää ne esikatseluna suoraan livesivustollanne. Mitään ei tallenneta ennen kuin otatte muutokset käyttöön.

Tekoälyeditori sekavan laskeutumissivun vieressä: kehote pyytää yhtä selkeää otsikkoa, yhtä pääpainiketta ja helposti vertailtavia paketteja. Tekoäly ehdottaa viittä muutosta ja näyttää ne esikatseluna, kun sivu piirtyy uudelleen siistinä, ja lopuksi muutokset otetaan käyttöön ja tallennetaan.
  • Yksi sana tai kokonainen osioKorjatkaa yksi otsikko tai rakentakaa yhdellä kehotteella uudelleen kokonainen hero-osio, valikko tai hintataulukko. Jokainen muutos listataan erikseen, joten voitte pitää vain haluamanne.
  • JavaScriptiä vain, kun sitä tarvitaanUseimmissa testeissä on kyse teksteistä, tyyleistä ja merkkauksesta, ja juuri niitä tekoäly kirjoittaa. Kun testi tarvitsee toiminnallisuutta, esimerkiksi jotain, joka reagoi klikkaukseen tai vieritykseen, tekoäly kirjoittaa myös koodin, ja koodi pitää hyväksyä erikseen.
  • Tekoäly lukee sivun puolestanneTekoäly käyttää pohjana tiivistelmää sivusta, jolla olette: sen rakennetta ja tekstejä. Kuvailette lopputuloksen, ja tekoäly löytää muutettavat elementit. Ei valitsimia, ei kehittäjää.
  • Esikatselu ennen kuin mitään tallennetaanEhdotetut muutokset näkyvät livesivullanne, kukin omalla valintaruudullaan. Kun otatte ne käyttöön, niistä tulee variantin tavallisia muutoksia, jotka voi kumota tallentamiseen asti.
  • Laadukkaat testit ilman koodiaKuka tahansa, joka osaa kuvailla paremman sivun, voi rakentaa sille variantin. Tekoäly vastaa samalla kielellä, jolla kirjoitatte, mutta sivun tekstit pysyvät sivun kielellä.
  • Hinta näkyy etukäteenJokainen pyyntö kuluttaa tekoälykrediittejä, ja paneeli näyttää arvion ennen lähettämistä. Lomakkeisiin syötetyt tiedot ja sivun henkilötiedot peitetään ennen kuin mitään lähetetään.

Kohdennus

Näyttäkää se juuri niille, joille tarkoititte

Kolme ulottuvuutta, yhdistettynä testikohtaisesti: osoite, laite ja eväste, jonka sivustonne jo asettaa. Jako on pysyvä, joten palaava kävijä näkee saman variantin kuin aiemmin.

  • URL-säännöt seitsemällä ehdolla, mukaan lukien regex ja kaksi negatiivista
  • Työpöytä, mobiili tai tabletti, tunnistettuna, ennen kuin kävijä otetaan testiin
  • Evästekohdennus kirjautuneelle tai segmentoidulle liikenteelle, verrattuna arvolistaan
  • Pysyvä jako, joka säilytetään selaimen tallennustilassa evästeen sijaan
  • Pakottakaa mikä tahansa variantti URL:n kautta tarkistettavaksi, ilman testitiliä
Testin kohdennussäännöt: tuotesivut mobiilissa outlet-osastoa lukuun ottamatta, kävijöille, joiden kanta-asiakaseväste merkitsee heidät jäseniksi, pysyvällä jaolla, ja testiin pääsee 61 % liikenteestä.

Voittajan julkaisu

Yhdellä klikkauksella sadalle prosentille tai luovutus kehittäjille

Julkaiskaa voittanut variantti kaikelle liikenteelle suoraan tulossivulta. Kun sen kuuluu sen sijaan elää koodipohjassa, Pertento kirjoittaa luovutuksen, jossa on tarkka muutos.

  • 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 PXL-pisteiden eikä mielipiteiden järjestyksessä

Kirjatkaa jokainen hypoteesi, pisteyttäkää se PXL-mallilla ja antakaa järjestyksen päättää, mitä ajetaan seuraavaksi. Kolme pistemäärää yhdistyvät yhdeksi luvuksi, koska backlogin pitää olla järjestettävissä, ja kolmesta luvusta syntyy vain keskustelu.

  • Potentiaali, altistus ja työmäärä, pisteytettynä yhdestä viiteen kukin
  • Yhdistyvät yhdeksi tärkeysarvoksi nollasta kymmeneen, jonka mukaan lista järjestyy
  • Hypoteesit linkitettynä testiin, joka ne testasi
  • 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 kehittäjille muutoksen kera

Voittaja voi jatkaa Pertenton tarjoilemana toistaiseksi, mutta useimmat tiimit haluavat sen lopulta koodipohjaan. Toteutusnäkymä seuraa, mitkä voittajat pyörivät yhä 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, jossa ovat selektori, muutos, tieto siitä, tarjoileeko Pertento sitä yhä, ja tiketti.

Putket

Päättäkää järjestys ja lopettakaa ajastaminen käsin

Putki on järjestetty sarja vaiheita, ja vaihe on joukko testejä, jotka ajetaan yhdessä. Toisiinsa törmäävät testit sijoitetaan eri vaiheisiin, ja kukin vaihe ajetaan vuorollaan täydellä liikenteellä. Se on päinvastainen tapa kuin tehdä testeistä toisensa poissulkevia ja jakaa yleisö niiden kesken.

  • Vaiheet aktivoituvat järjestyksessä, joten mikään ei jää odottamaan, että joku muistaa
  • Siirtyminen eteenpäin, kun jokainen testi päättyy, ensimmäisestä merkitsevästä tuloksesta tai ihmisen päätöksellä
  • Vaihe aktivoidaan kokonaan tai ei lainkaan, joten osittain käynnistetty vaihe ei koskaan jää käyntiin
  • Automaatio ja automaattinen julkaisu ovat erilliset kytkimet, molemmat pois päältä, kunnes kytkette ne päälle
  • Kun automaatio on pois päältä, moottori kirjaa silti, 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 elementtiä ja muuttakaa sitä, tai lisätkää kokonainen osio

Editori avautuu Chromen sivupaneelista livesivustollenne. Muotoilkaa mitä tahansa ominaisuuspaneelissa, muokatkaa tekstiä suoraan paikallaan tai vetäkää sivulle valmis komponentti, joka omaksuu sivustonne omat fontit ja värit. Jokainen muutos tallentuu varianttiin: ei julkaisua, ei tikettiä, ei staging-kopiota sivusta.

KomponentitDynaaminen sisältöDatasyötteetHover- ja focus-tilatTekstin muokkaus paikallaanOma CSS/JS
Visuaalinen editori tuotesivulla: Trust row -lohko vedetään Add-välilehdeltä ja pudotetaan Lisää ostoskoriin -painikkeen alle, sen arvosanarivi sidotaan sivun omaan tuotearvosanaan ja arvostelujen määrään, ja variantti tallennetaan.

Testin rakentaminen

Osat, joiden ansiosta toinen testi on halvempi kuin ensimmäinen

Suurin osa ohjelman ajasta ei kulu ensimmäiseen testiin. Se kuluu asetusten rakentamiseen uudelleen, variantin tarkistamiseen ennen julkaisua ja sellaisen kirjauksen ylläpitämiseen, jota joku pystyy lukemaan vielä ensi vuonna.

Komponenttikirjasto, joka sopii sivustoonne

Hero-osiot, UKK-osiot, luottamusrivit, kiinnitetyt palkit, ponnahdusikkunat, sarakkeet, video ja kuvakarusellit lisätään klikkaamalla tai vetämällä. Jokainen niistä ottaa sivustonne fontit ja värit siitä kohdasta, johon se sijoittuu, joten testi voi lisätä kokonaisen osion eikä vain vaihtaa painikkeen väriä.

Rakenna kerran, ja jokainen sivu näyttää oman datansa

Lisätkää muutokseen kävijän kampanja, lähtölaskenta, sivun oma otsikko tai verkkokaupassa tuotteen nimi ja hinta. Yksi banneri tervehtii jokaista kampanjaa sen omin sanoin, ja jos data puuttuu, banneri piilotetaan sen sijaan, että siinä näkyisi paikkamerkki.

Datasyötteet omista järjestelmistänne

Yhdistäkää JSON- tai Google Merchant -syöte, jonka sivusto jo julkaisee, kuten arvostelut, varastosaldot tai kampanjatekstit, ja käyttäkää sen kenttiä missä tahansa variantissa. Pertenton palvelimet hakevat sen ajastetusti, joten kävijät eivät koskaan odota palvelintanne, ja näkyviin tulevat vain rastittamanne kentät.

Viisi HTML-sijoitusta

Korvatkaa elementti, lisätkää sisältöä sen alkuun tai loppuun, tai sijoittakaa merkkausta sen eteen tai perään. 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. Koodi toimitetaan sivustollenne käännetyn paketin sisällä ja ajetaan, ennen kuin sivu paljastetaan, joten skriptattu muutos ei koskaan näy hyppäyksenä.

Varianttien kuvakaappaukset

Ottakaa ja rajatkaa kuva siitä, miltä variantti näytti, suoraan editorista. Ilman sitä puoli vuotta myöhemmin luettu tulos on pelkkä lista valitsimia.

Testin kopiointi

Kopioikaa variantit, kaikki niiden muutokset, 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 koeajoksi merkittynä, ja poistakaa se sitten. Mitään, mitä harjoitus keräsi, ei tarvitse koskaan selitellä raportissa.

Pakota variantti URL-osoitteella

Lisätkää mihin tahansa osoitteeseen parametri, niin voitte kiinnittää itsenne tiettyyn varianttiin tai nähdä yhden variantin kaiken muun pysyessä alkuperäisenä. Silmämääräinen tarkistus ei vaadi testitunnusta.

Testin ollessa käynnissä

Mitä ajoympäristö tekee kävijöidenne sivuilla

Kaikki alla oleva ratkeaa selaimessa tiedostosta, joka on käännetty pelkästään teidän sivustollenne. Ennen sivun renderöintiä ei tehdä 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ä. Syy, jonka takia useimmat ohjelmat ajavat yhtä testiä kerrallaan, ei päde täällä.

Painot, jotka aina täsmäävät

Jakaumat tallennetaan peruspisteinä eli kymmenestuhannesosina, ja niiden summa tarkistetaan täsmälliseksi, joten kolmihaarainen testi on aidosti kolme yhtä suurta kolmannesta eikä kolme pyöristystä ja aukko.

Automaattinen tasapainotus

Osuus, jonka kukin variantti todella sai, mitataan ja korjataan säännöllisesti, joten kertynyt jako lähestyy asettamaanne sen sijaan, että ajautuisi siitä kauemmas.

Pysyvä jako ilman evästeitä

Kävijä näkee jatkossakin saman variantin, ja tieto säilytetään selaimen tallennustilassa eikä evästeessä. Johdonmukaisuus on ennen kaikkea oikeellisuusvaatimus ja vasta sitten kohteliaisuus.

Välkynnänesto neljällä varmistuksella

Sivu piilotetaan muutosten ajaksi ja paljastetaan neljästä toisistaan riippumattomasta koodipolusta. Suunnittelussa varaudutaan pahimpaan vikaan: asiakkaan sivustoon, joka jää tyhjäksi sen omille kävijöille.

Ei edestakaista kutsua ennen renderöintiä

Jokaisen sivuston asetukset käännetään omaksi staattiseksi tiedostokseen, joten ajoympäristö 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. Sen jälkeen variantti rakennetaan osoittamalla elementtejä livesivuillanne, joten ensimmäistä testiä rajoittaa se, kuinka kauan teillä kestää päättää, mitä testataan, ei mikään, mitä pitäisi hankkia, rakentaa tai aikatauluttaa. Mitään ei julkaista 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, jossa sen testit ovat valmiiksi mukana, joten ajoympäristö tietää jo latautuessaan, mitä ajaa, eikä mikään odota kutsua meille, ennen kuin sivu renderöityy. Sivullanne oleva latausskripti on alle 1 KB, ja raskaammat ominaisuudet, kuten sivun data ja datasyötteet, latautuvat vain sivustoilla, joiden testit käyttävät niitä. Sivua pidätellään hetki muutosten ajan, ja juuri se estää kävijöitä näkemästä alkuperäisen sivun välähtävän ennen testiä. Sivun näyttämisestä huolehtii neljä toisistaan riippumatonta koodipolkua, joten vikatilanteessa näkyy muokkaamaton sivu eikä tyhjä. Seuranta latautuu viimeisenä, kun sivu on 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, hover- ja focus-tilat mukaan lukien, ja kokonaisia osioita lisätään komponenttikirjastosta, jonka komponentit omaksuvat sivustonne omat fontit ja värit. Muutos voi sisältää sivun omaa dataa, kuten kunkin tuotteen hinnan, tai arvoja jo julkaisemastanne syötteestä, ja valitsin voi soveltaa sen kaikkiin elementteihin, joihin se osuu. Voitte myös kuvailla muutoksen omin sanoin, jolloin tekoälyeditori ehdottaa sitä ja näyttää sen esikatseluna sivulla ennen kuin mitään tallennetaan. Siitä eteenpäin editori ei teeskentele: kaiken, mitä ominaisuuspaneeli ei osaa ilmaista, kirjoitatte varianttiin omana CSS:nä tai JavaScriptinä, joten työkalu ei koskaan estä testiä. Todellinen raja on muutos, joka tapahtuu, ennen kuin sivu on olemassa: järjestys, hinnoittelulogiikka, suositusmalli. Ne ovat palvelinpuolen testejä, ja niihin tarvitaan kehittäjiänne.

Montako testiä voimme ajaa yhtä aikaa?

Niin monta kuin teillä on ideoita, ja tätä vastausta kannattaa verrata siihen, mitä käytätte tänään. Jokainen testi satunnaistetaan itsenäisesti, joten kelpoinen kävijä osallistuu jokaiseen testiin, johon hän kelpaa, ja kukin testi 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 ratkaisee yleensä, maksaako ohjelma itsensä takaisin vai ei.

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

Kovakoodaamanne voittajat ovat jo omassa koodipohjassanne eikä niihin kosketa, ja juuri siihen suuntaan toteutusjono teitä ohjaa: se listaa jokaisen voittajan, jota me yhä tarjoilemme, ja muistuttaa siitä, kunnes kehittäjillänne on aikaa. Ne voittajat, joita alusta yhä tarjoilee, pysähtyvät, kun alusta pysähtyy, samalla tavalla kuin mikä tahansa variantti. 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, ja se on rakennettu sekä talon sisäisille tiimeille että CRO-toimistoille, jotka pyörittävät testausohjelmia koko asiakaskunnalleen.

Integraatiot

Toimii sen teknologiapinon kanssa, jota jo käytätte

Yksi koodinpätkä mille tahansa sivustolle, tai siirtykää kokonaan palvelinpuolelle. Mitään ei tarvitse rakentaa uudelleen.

Yhden rivin pätkä

Liittäkää yksi tagi head-osaan ja olette käynnissä: 0,9 KB:n latausskripti, 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 liitetään.

Parempia testejä, parempia konversioita

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