Platforma · Experimenty

Experimentování na webu s AI

Vizuální multivariantní testy, přesměrování URL a testy na straně serveru, spouštěné přímo z rozšíření Chrome na vašem živém webu. Popište změnu AI editoru, nebo ukažte na prvek a změňte ho sami, a pak variantu uložte.

Jak test běží

Od hypotézy k vydané změně

Ukažte na stránku, popište změnu a otestujte ji na skutečných návštěvnících.

Kdo to uvidí, co spustit dál, a co dostane vývoj, až skončíte.

  • AI editor, který vytvoří změny podle popisu vlastními slovy, úpravy bez kódu a hotové komponenty, plus vlastní CSS a JS
  • Cílení podle URL, zařízení a cookie, se stálým přiřazením, takže vracející se návštěvníci vidí konzistentní zážitek
  • Vykreslení s ochranou proti probliknutí a čtyřmi nezávislými pojistkami, takže návštěvníci nikdy nevidí původní stránku probliknout do testu
  • Každý způsobilý návštěvník vstoupí do každého způsobilého experimentu, takže běh deseti testů najednou nestojí žádnou velikost vzorku
  • Nasazení vítěze jedním kliknutím na 100 % provozu a předání k implementaci pro zapsání vítězů natvrdo
  • Sledování hypotéz se skórem priorizace PXL pro seřazení vašeho backlogu
MultivariantníPřesměrování URLNa straně serveru
Knihovna experimentů: pět experimentů ve třech typech, s jejich rozdělením provozu a oknem cílení, jeden běží, jeden čeká na rozhodnutí a jeden je už nasazený.

AI editor

Popište změnu a sledujte, jak vzniká

Napište editoru vlastními slovy, co chcete, nebo ukažte na prvek a zeptejte se. AI si stránku přečte, navrhne změny a ukáže jejich náhled na vašem živém webu. Dokud je nepoužijete, nic se neuloží.

AI editor vedle přeplácané landing page: zadání žádá jeden jasný nadpis, jedno hlavní tlačítko a tarify, které jde snadno porovnat, AI navrhne pět změn a ukáže jejich náhled, zatímco se stránka překreslí do čisté podoby, a nakonec se změny použijí a uloží.
  • Jedno slovo nebo celá sekceOpravte jeden nadpis, nebo jediným zadáním přepracujte celou hero sekci, menu či ceník. Každá změna je v seznamu zvlášť, takže si necháte jen ty, které chcete.
  • JavaScript, jen když je potřebaVětšina testů mění texty, styly a markup. Přesně to AI píše. Když má test na něco reagovat, třeba na kliknutí nebo posouvání, napíše AI i kód, který pak čeká na vaše samostatné schválení.
  • Stránku si přečte za vásAI pracuje s osnovou stránky, na které právě jste: s její strukturou a texty. Vy popíšete, čeho chcete dosáhnout, a AI najde prvky, které je potřeba změnit. Žádné selektory, žádný vývojář.
  • Náhled dřív, než se cokoli uložíNavržené změny se objeví na vaší živé stránce, každá s vlastním zaškrtávacím políčkem. Po použití se z nich stanou obyčejné změny ve variantě, které jde až do uložení vrátit zpět.
  • Silné experimenty bez kóduKdo dokáže popsat lepší stránku, dokáže pro ni postavit i variantu. AI odpovídá v jazyce, ve kterém píšete, a texty na stránce nechává v jazyce stránky.
  • Cenu uvidíte předemKaždý požadavek spotřebuje AI kredity a panel ještě před odesláním ukáže odhad. Hodnoty z formulářů a osobní údaje na stránce se zamaskují dřív, než se cokoli odešle.
Vše o AI editoru

Cílení

Ukažte to přesně těm, komu jste chtěli

Tři dimenze, kombinované pro každý experiment: adresa, zařízení a cookie, kterou už nastavuje váš vlastní web. Přiřazení je stálé, takže vracející se návštěvník si podrží variantu, kterou dostal.

  • Pravidla URL na sedmi podmínkách, včetně regexu a dvou negativních
  • Desktop, mobil nebo tablet, rozpoznané dřív, než je návštěvník zařazen
  • Cílení podle cookie pro přihlášený nebo segmentovaný provoz, porovnávané se seznamem hodnot
  • Stálé přiřazení, uložené v úložišti prohlížeče, a ne v cookie
  • Vynucení kterékoli varianty přes URL ke kontrole, bez testovacího účtu
Pravidla cílení jednoho experimentu: stránky produktů na mobilu, bez sekce outlet, pro návštěvníky, které cookie věrnostního programu označuje jako členy, se stálým přiřazením, s vpuštěním 61 % provozu.

Vydání vítěze

Jedno kliknutí na 100 %, nebo předání vývoji

Nasaďte vítěznou variantu na veškerý provoz přímo z obrazovky s výsledky. Když má místo toho žít v kódové základně, Pertento napíše předání s přesnou změnou.

  • Nasazení jedním kliknutím se záznamem, kdo ho nasadil
  • Předání k implementaci se selektorem a změnou
  • Kdykoli se vrátit k originálu
Obrazovka nasazení: varianta B vydaná na veškerý provoz, se jménem toho, kdo ji nasadil, s časem a s možností vrátit se zpět, vedle předání, které uvádí selektor, text a barvu k zapsání natvrdo.

Priorizace

Backlog seřazený podle skóre PXL, ne podle názoru

Zaznamenejte každou hypotézu, obodujte ji podle modelu PXL a nechte pořadí rozhodnout, co poběží dál. Tři skóre se sloučí do jednoho čísla, protože backlog musí jít seřadit a tři čísla jsou diskuse.

  • Potenciál, expozice a náročnost, každé obodované od jedné do pěti
  • Sloučeno do jediné důležitosti od nuly do deseti, podle které se seznam řadí
  • Hypotézy propojené s experimentem, který je testoval
  • Návrh s nejvyšším skóre nahoře, když nic jiného nepotřebuje pozornost
Backlog hypotéz seřazený podle skóre PXL, od lepivého tlačítka do košíku s 9,4 až po video v hero sekci s 3,2.

Implementace

Předejte vítěze vývoji, se změnou

Vítěz může zůstat vydáván Pertentem donekonečna, ale většina týmů ho nakonec chce v kódové základně. Implementační fronta sleduje, kteří vítězové ještě běží na platformě a kteří už jsou zapsaní natvrdo.

  • Selektor a přesná změna, připravené ke vložení
  • Stav u každého vítěze: čeká, probíhá, zapsáno natvrdo
  • Experiment dál vydává, dokud se kód nevydá
Přehled implementace: pět vítězů s jejich stavem a předání u jednoho z nich, které uvádí selektor, změnu, jestli ji Pertento stále vydává, a tiket.

Pipeline

Rozhodněte o pořadí, pak přestaňte plánovat ručně

Pipeline je seřazený běh fází a fáze je skupina experimentů, které běží společně. Experimenty, které by se srazily, jdou do různých fází a každá fáze běží postupně na plný provoz, což je pravý opak toho, udělat je vzájemně vylučující a rozdělit mezi ně publikum.

  • Fáze se aktivují samy v pořadí, takže nic nečeká na to, až si to někdo vzpomene
  • Postoupí, když všechny experimenty skončí, při prvním průkazném výsledku, nebo na pokyn člověka
  • Fáze se aktivuje buď celá, nebo vůbec, takže napůl spuštěná fáze nikdy neběží dál
  • Automatizace a automatické nasazení jsou oddělené přepínače, oba vypnuté, dokud je nezapnete
  • S vypnutou automatizací motor přesto loguje, co by udělal, stejným kódem
Tabule pipeline se čtyřmi fázemi: fáze pokladny hotová, dva experimenty na stránce produktu běží společně v aktuální fázi a dvě pozdější fáze čekají, se zapnutou automatizací a vypnutým automatickým nasazením.

Vizuální editor

Ukažte na prvek, změňte ho nebo vložte celou sekci

Editor se otevře v bočním panelu Chrome, na vašem živém webu. Nastylujte cokoli v panelu vlastností, upravte text přímo tam, kde je, nebo přetáhněte hotovou komponentu, která převezme vlastní písma a barvy vašeho webu. Každá změna se uloží k variantě: žádné nasazení, žádný tiket, žádná staging kopie stránky.

KomponentyDynamický obsahDatové feedyStavy hover a focusText přímo na místěVlastní CSS/JS
Vizuální editor na stránce produktu: blok Trust row se přetáhne ze záložky Add a pustí pod tlačítko pro přidání do košíku, jeho řádek s hodnocením se naváže na hodnocení produktu a počet recenzí přímo ze stránky a varianta se uloží.

Stavba testu

Části, díky kterým je druhý experiment levnější než první

Většina času programu nejde do prvního testu. Jde do přestavování nastavení, kontroly varianty před vydáním a udržování záznamu, který si někdo přečte za rok.

01Knihovna komponent, která ladí s vaším webemHero sekce, FAQ, pruhy s trust prvky, sticky lišty, vyskakovací okna, sloupce, videa a slidery, vložené kliknutím nebo přetažením. Každá komponenta převezme písma a barvy vašeho webu z místa, kam ji umístíte, takže test může přidat celou sekci, a ne jen přebarvit tlačítko.02Vytvořte jednou a každá stránka si doplní vlastní dataVložte do změny kampaň návštěvníka, odpočet, vlastní nadpis stránky nebo v e-shopu název a cenu produktu. Jeden banner osloví návštěvníky z každé kampaně jejími vlastními slovy, a když data chybí, skryje se, místo aby ukázal zástupný text.03Datové feedy z vašich vlastních systémůPřipojte JSON nebo Google Merchant feed, který už web publikuje, třeba recenze, skladové zásoby nebo texty kampaní, a používejte jeho pole v libovolné variantě. Servery Pertenta jej stahují podle plánu, takže návštěvníci nikdy nečekají na váš server, a zobrazí se vždy jen pole, která zaškrtnete.04Pět umístění HTMLPrvek nahraďte, vložte do něj na začátek nebo na konec, nebo umístěte značky před něj či za něj. Strukturální změny zůstávají popsatelné jednou větou, a právě to je později dělá přezkoumatelnými.05Vlastní CSS a JavaScriptPro každou variantu zvlášť, na cokoli, co panel vlastností neumí vyjádřit. Dodává se v balíčku sestaveném pro váš web a spouští se ještě před odkrytím stránky, takže změna provedená skriptem nikdy nepůsobí jako poskočení.06Snímky obrazovky variantZachyťte a ostříhněte, jak varianta vypadala, přímo z editoru. Výsledek čtený po půl roce je bez toho jen seznam selektorů.07Duplikace experimentuZkopíruje varianty, každou změnu na nich, snímky obrazovky i všechny tři druhy cílení. Ruční znovustavění nastavení je právě to místo, kde se vydá špatné pravidlo cílení.08Zkušební běhy před spuštěnímVyzkoušejte celý řetězec proti skutečnému runtime jako označený test a pak jej smažte. Nic, co zkouška nasbírala, se nikdy nemusí v reportu vysvětlovat.
09Vynucení varianty přes URLPřidejte do libovolné adresy parametr, kterým se přišpendlíte ke konkrétní variantě, nebo si zobrazíte jednu variantu, zatímco vše ostatní zůstane v původní podobě. Kontrola okem nepotřebuje testovací účet.

Zatímco běží

Co runtime dělá na stránkách vašich návštěvníků

Vše níže se rozhoduje v prohlížeči, ze souboru zkompilovaného jen pro váš web. Před vykreslením stránky neproběhne žádné volání na Pertento a nic nečeká na odpověď, aby rozhodlo, co návštěvník uvidí.

Otázky

Co se týmy ptají, než přejdou

Jak dlouho, než bychom mohli mít běžící test?

Jeden skript v head je celá instalace a je to jediná změna na vašem webu. Odtud se varianta staví ukazováním na prvky na vašich živých stránkách, takže první experiment je omezen tím, jak dlouho vám trvá rozhodnout, co testovat, a ne něčím, co je třeba nakoupit, postavit nebo naplánovat. Nic nejde naživo omylem, zatímco se učíte: nový experiment je koncept, dokud jej nespustíte.

Zpomalí to web nebo poškodí naše Core Web Vitals?

Každý web dostane vlastní zkompilovaný soubor, do kterého jsou jeho experimenty rovnou zabudované, takže runtime už při načtení ví, co má spustit, a před vykreslením stránky nic nečeká na volání k nám. Zavaděč na vaší stránce má méně než 1 KB a náročnější funkce, jako data stránky a datové feedy, se načítají jen na webech, jejichž testy je používají. Stránka se na okamžik pozdrží, než se změny aplikují, a právě díky tomu návštěvníci neuvidí, jak původní verze problikne do testu. Odkrýt ji umí čtyři nezávislé cesty v kódu, takže při selhání se zobrazí neupravená stránka, a ne prázdná. Měření se načítá naposledy, až je stránka vidět, takže nikdy nezdržuje vykreslení.

Co všechno editor umí změnit a kde končí?

Text, styl, rozvržení a pozici upravíte ukazováním, včetně stavů hover a focus, a celé sekce přidáte z knihovny komponent, které převezmou vlastní písma a barvy vašeho webu. Změna může nést vlastní data stránky, třeba cenu každého produktu, nebo hodnoty z feedu, který už publikujete, a selektor ji může uplatnit na každý odpovídající prvek. Změnu můžete také popsat vlastními slovy a nechat ji navrhnout AI editor, který ji ukáže v náhledu na stránce dřív, než se cokoli uloží. Za touto hranicí editor poctivě skončí, místo aby věci dělal špatně: cokoli, co panel vlastností neumí vyjádřit, napíšete ve variantě jako vlastní CSS nebo JavaScript, takže test nikdy nezůstane viset na nástroji. Skutečnou hranicí jsou změny, které proběhnou dřív, než stránka vůbec existuje: řazení, cenová logika, model doporučení. To jsou experimenty na straně serveru a na ty potřebujete své vývojáře.

Kolik experimentů můžeme spustit zároveň?

Kolik máte nápadů, a tohle je odpověď, kterou se vyplatí srovnat s tím, co používáte dnes. Každý experiment randomizuje nezávisle, takže způsobilý návštěvník vstupuje do každého experimentu, na který má nárok, a každý z nich měří proti celému způsobilému publiku. Souběžnost tady váš vzorek nedělí, a proto platforma kontroluje, jestli by si dva testy nepřekážely, místo aby dávkovala, kolik jich smí běžet. Průchodnost je obvykle to, co odlišuje program, který se zaplatí, od toho, který ne.

Co se stane s prací, když Pertento přestaneme používat?

Vítězové, které jste zapsali natvrdo, jsou už ve vaší vlastní kódové základně a nedotkne se jich nic, a právě k tomu vás implementační fronta tlačí: uvádí každého vítěze, kterého ještě vydáváme my, a označuje jej, dokud na něj vaši vývojáři nebudou mít místo. Vítězové, které ještě vydává platforma, se zastaví, když se zastaví ona, stejně jako se zastaví jakákoli varianta. Experimenty, hypotézy a písemná historie zůstávají na účtu, a ne v našem nástroji.

Pomůže nám AI nastavit experiment?

Ano. Pertento AI pomáhá s nastavením: popište změnu, kterou chcete otestovat, a AI editor postaví variantu na vaší živé stránce. Až experiment doběhne, Pertento AI vysvětlí výsledek obyčejnými slovy, takže další rozhodnutí nemusí čekat na někoho, kdo umí číst statistiku.

Všechno, co je v balení

Celý výčet funkcí

Pertento je platforma pro optimalizaci konverzního poměru pro weby a e-shopy, postavená jak pro interní týmy, tak pro CRO agentury, které vedou programy experimentování napříč seznamem klientů.

Integrace

Funguje se stackem, který už provozujete

Vložte jeden úryvek kódu do libovolného webu nebo testujte plně na straně serveru. Bez přestavby architektury.

01 / Úryvek

Úryvek na jeden řádek

Vložte do head jediný skript a jste naživo: zavaděč o 0,9 KB, žádný build, žádné závislosti.

Vložte ho před </head>
02 / Tag manager

Google Tag Manager

Nasazujte a spravujte experimenty přímo přes GTM. Čas vývojářů není potřeba.

Přidejte ho jako značku Vlastní HTML
03 / Server

API na straně serveru

Spouštějte testy i mimo prohlížeč: ceny, vyhledávání a směrování, bez probliknutí.

Nainstalujte SDK
  • 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

Není na seznamu? Pokud to vykresluje HTML, Pertento to umí otestovat: přečtěte si, jak se každá z nich připojuje ↗

Lepší testy, lepší konverze

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