Ce sunt expresiile regulate (Regex) și cum să le folosești în testarea A/B?

Expresiile regulate (sau regex) pot fi un instrument puternic în arsenalul oricărui practician CRO.

Mulți oameni de știință ai datelor, analiști și alții, fără îndoială, le-au întâlnit la un moment dat în timpul carierei lor. Ele pot fi dificile pentru cei fără cunoștințe tehnice, dar stăpânirea acestor modele utile este o modalitate sigură de a vă îmbunătăți programul de experimentare!

În această postare pe blog, vom încerca să demitificăm expresiile obișnuite, astfel încât să puteți începe să le utilizați cu încredere în testare.

Vom începe prin a analiza structura și diferitele tipuri de expresii regulate. Vă arătăm apoi câteva exemple de expresii regulate pe care ați dori să le utilizați și cum să implementați aceste modele în diferite părți ale testării A/B. În cele din urmă, analizăm câteva moduri în care acestea pot fi utilizate în aplicația Convert Experiences.

Ce este Regex?

Expresiile obișnuite sunt ca un limbaj în miniatură care este utilizat pe scară largă, permițând oamenilor să potrivească modele complexe care altfel le-ar lua multe ore de cercetare.

Au o structură alfanumerică și vin cu propriul set de simboluri, cum ar fi paranteze { } paranteze ( ), asteriscuri (*), semne de întrebare (?), paranteze de deschidere ([) paranteze de închidere (]), etc.

Dacă sunteți puțin familiarizat cu expresia regex de mai jos, atunci acesta este articolul potrivit pentru dvs.

 /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2.256}\.[az]{2,6}\b( [-a-zA-Z0-9@:%_\+.~#()?&//=]*)/

Cum puteți scrie, testa și depana expresiile regulate?

Acum, să vă arătăm ce este posibil cu expresiile regulate. În primul rând, vom arunca o privire la câteva moduri în care vă puteți crea propriile regexe complexe de la zero!

Cum se scrie Regex

Pentru a construi prima expresie regulată, trebuie să utilizați o sintaxă specifică, adică caractere speciale (metacaractere) și reguli de construcție. De exemplu, următoarea este o expresie regulată simplă care se potrivește cu orice număr de telefon din 10 cifre, în modelul nnn-nnn-nnnn:

 \d{3}-\d{3}-\d{4}

Puteți fie să începeți să scrieți singur sintaxa specifică (și să faceți multe greșeli până când aveți un model regex validat) sau să utilizați unul dintre generatoarele de expresii regex disponibile care există. Unul dintre cele mai ușor de utilizat și mai ușor de utilizat este Regex Generator.

Pur și simplu inserați un eșantion de text pe care doriți să îl potriviți folosind o expresie regex (de exemplu, am folosit URL-ul Convert www.convert.com de mai jos), apoi selectați diferite părți ale textului pe care doriți să construiți expresia regex.

Asta e! Atât de simplu.

Modelul regex este apoi gata pentru a fi utilizat:

 w+\.[a-zA-Z]+\.com 

Un alt exemplu ar putea fi să introduceți o adresă de e-mail de asistență și să specificați partea de domeniu a adresei pe care să construiți regex-ul:

Regex este gata pentru dvs. și acum puteți viza toate adresele de e-mail de asistență ale instrumentelor pe care le utilizați fără a fi nevoie să le copiați și lipiți una câte una:

 suport@[a-zA-Z]+\.com

Dacă sunteți mai priceput la tehnologie și doriți să scrieți singur modelul respectiv, puteți începe să învățați caracterele de bază și cuantificatorii plus câteva reguli de construcție.

Caractere de bază expresii regulate

Iată un „cheat sheet” rapid pentru cei dintre voi care doresc să învețe cele mai comune reguli ale expresiilor regex.

Cuantificatori

Și dacă vrei să potriviți mai multe personaje? Trebuie să utilizați un cuantificator. Cei mai importanți cuantificatori sunt *?+. S-ar putea să îți pară familiare, dar nu sunt exact la fel.

• * se potrivește cu zero sau mai mult din ceea ce vine înainte.
• ? se potrivește cu zero sau cu unul din ceea ce vine înainte.
• + se potrivește cu unul sau mai multe dintre ceea ce vine înainte.

Personaje speciale

O mulțime de caractere speciale sunt disponibile pentru construirea regex. Iată câteva dintre cele mai frecvente:

Clasele de caractere

Puteți grupa caractere punându-le între paranteze drepte. În acest fel, orice caracter din clasă se va potrivi cu un caracter din intrare.

Cum se testează expresiile regulate

Acum aveți modelul regex pregătit, dar doriți să testați dacă sintaxa este corectă. Puteți să o faceți manual și să petreceți multe ore citind regulile de validare. Mathias Bynens are un articol grozav despre cea mai bună comparație a multor expresii regulate: În căutarea expresiei regex de validare URL perfectă. Acesta este modul nebun de a merge înainte.

Dar, din fericire, există multe validatoare de expresii regex online gratuite de care puteți profita și vă puteți testa rapid șirurile în raport cu modelul regex pe care l-ați creat. Vă putem recomanda două dintre ele, RegEx101 și RegExr. Capturile de ecran de mai jos sunt de la acesta din urmă, dar nu ezitați să utilizați oricare cu care vă simțiți cel mai confortabil.

Pur și simplu adăugați modelul dvs. regex în câmpul Expresie, apoi, în câmpul Text, adăugați orice text pe care doriți să îl vedeți dacă se potrivește cu modelul dvs. Puteți vedea din mers câte dintre textele pe care le-ați introdus se potrivesc cu modelul specific.

Aceste validatoare regex sunt foarte puternice!

Cum să depanați Regex

Testarea expresiei regex este mult mai importantă decât depanarea acesteia. De obicei, vă puteți da seama ce se întâmplă cu o expresie regex destul de ușor uitându-vă la rezultat, dar pentru a fi sigur că face ceea ce doriți, ar trebui să testați regex-ul cu toate cazurile de frontieră posibile. Testarea va clarifica în cele din urmă ceea ce doriți cu adevărat să faceți și va face depanarea inutilă.

Cu toate acestea, dacă tot doriți să depanați modelul regex, îl puteți introduce în https://regex101.com/. Nu numai că vă permite să vă testați regexe-urile pe un set de mostre, codând culorile grupurilor de potriviri, dar vă oferă și o explicație completă a ceea ce se întâmplă sub capotă.

Rețineți, totuși, va trebui să vă referiți la documentația specifică pentru limbajul de programare în care utilizați expresia regex. Fiecare are restricțiile sale specifice. Este posibil ca unele lucruri să nu fie acceptate într-o anumită limbă.

Dacă doriți o experiență mai „depanare vizuală”, încercați Debuggex.

Afișează căi în expresia regex astfel:

Cum se utilizează Regex în JavaScript

Există două moduri de a crea o expresie regulată în JavaScript. Poate fi creat fie cu modulul RegExp, fie folosind bare oblice ( / ) pentru a include modelul. Barele oblice /…/ spun JavaScript că creăm o expresie regulată. Ele joacă același rol ca ghilimelele pentru șiruri.

În ambele cazuri, regexp devine o instanță a modulului încorporat RegExp.

Principala diferență dintre aceste două sintaxe este că modelul care utilizează barele oblice /…/ este complet static, în timp ce celălalt poate genera expresii regulate din mers.

Metoda 1 Exemplu

Să ne uităm la exemplul de mai jos de RegExp folosit pentru a valida intrarea utilizatorului și pentru a ne asigura că intrarea acestuia conține numai numere:

 let num = 'eu';
let regex = new RegExp('[0-9]');
console.log(regex.test(num)); //acest lucru va scoate false 

Metoda 2 Exemplu

Să ne uităm la o expresie simplă cu notația literală care va căuta o potrivire exactă într-un șir. Aceasta se va potrivi cu șirul, efectuând căutarea cu majuscule și minuscule:

 let re = "Bună ziua, studiază în seara asta";
lasa rezultat = /hello/.test(re);
console.log(rezultat); //iese false 

După ce le-ați scris, există două metode interesante pentru a testa expresiile regulate JavaScript:

• RegExp.prototype.test(): pentru a testa dacă a fost găsită sau nu o potrivire. Acceptă un șir pe care îl testăm împotriva unei expresii regulate. Va returna adevărat sau fals dacă se găsește potrivirea.
• RegExp.prototype.exec(): Returnează o matrice cu toate grupurile potrivite. Acceptă un șir pe care îl testăm împotriva unei expresii regulate.

În exemplul următor, modelul /JavaScript/ este testat pe șir pentru a vedea dacă a fost găsită o potrivire:

 var re = /JavaScript/;
var str = "JavaScript";
if (re.test(str)) document.writeln("adevărat");

În următorul fragment de cod, metoda RegExp, exec, caută un model specific, /javascript*/, pe întregul șir (g), ignorând majusculele (i):

 var re = /javascript*/ig;
var str = "cfdsjavascript *(&Yjavascriptjs 888javascript";
var resultArray = re.exec(str);
while (resultArray) {
   document.writeln(resultArray[0]);
   resultArray = re.exec(str);
}

De ce avem nevoie de Regex în testarea A/B?

Regex în testarea A/B este folosită în principal pentru direcționare. Direcționarea controlează cine și unde din orice experiență.

Prin direcționare, îi spuneți platformei dvs. de testare cui (pe ce site-ul web condiționează) să arate experiența și unde (care adrese URL specifice) ar trebui să ruleze experiența pe site-ul dvs.

Prin definirea publicului, puteți decide cine va vedea experiența. Condițiile de audiență pot defini sursele de trafic, date geografice, date comportamentale, cookie-uri specifice pe care le au vizitatorii dvs. și condiții nesfârșite pe care le puteți specifica singur.

Prin definirea direcționării către adrese URL, decideți unde va rula experiența. Condițiile de direcționare către adrese URL pot include mai multe domenii, subdomenii, parametri de interogare și căi.

Uneori, pur și simplu nu este fezabil să utilizați operatorii „potrivire exactă” sau „conține” sau „începe cu” pentru a distribui traficul către experiențele dvs. Aici intervin regexe-urile.

Acestea sunt 5 exemple de segmente de public care pot fi excluse sau incluse într-o experiență și definite cu regex :

1. Vizitatori care provin din campanii publicitare care au un termen comun în numele lor, dar diferă în rest (ex. pantofi-achiziții-mobil, inele-achiziții-desktop).
2. Vizitatorii care folosesc o anumită versiune de browser (de ex. Firefox 3.6.4).
3. Vizitatori care vin de pe un site terță parte, cum ar fi Facebook sau TikTok, unde trebuie să definiți în mod specific un grup de nume.
4. Vizitatori care au văzut anterior o promoție.
5. Vizitatorii care sunt autentificati și cookie-urile lor pentru controlul funcției de conectare au un identificator unic.

Acestea sunt 5 exemple de locații pe care ați putea dori să le includeți sau să le excludeți dintr-o experiență și care pot fi definite cu expresia regex :

1. Pagini cu valori dinamice/unice ale șirurilor de interogare.
2. Pagini de destinație specifice cu termeni comuni, dar identificatori unici.
3. Pagini de categorii și subcategorii.
4. Pagini multiple din canalul de finalizare a comenzii, în timp ce vizitatorii trec de la un pas la altul.
5. Peste tot, cu excepția câtorva pagini.

Cum se utilizează Regex în testarea A/B?

Expresiile obișnuite sunt utile în orice experiență A/B/MVT/Personalizare/A/A/multipagini/divizare URL care beneficiază de potriviri complete sau parțiale ale modelului de adrese URL.

Putem folosi regex în testarea A/B pentru a:

• verifica structura unui URL
• extrageți subșiruri din URL-uri structurate
• căutați / înlocuiți / rearanjați părți ale adresei URL
• împărțiți o adresă URL în token-uri
• găsiți o parte constantă a adresei URL.

Toate acestea apar în mod regulat la elaborarea unei experiențe Convert.

Potrivirile regex sunt utile atunci când calea, parametrii de sfârșit sau ambii pot varia în adresele URL pentru aceeași pagină web.

De exemplu, dacă un utilizator provine dintr-unul dintre multele subdomenii și adresele URL utilizează identificatori de sesiune, puteți utiliza o expresie regulată pentru a defini elementul constant al adresei URL. Destul de la îndemână, nu?

La Convert, folosim expresii regulate (prescurtate în expresii regex și regexe ) pentru a vă permite să vă direcționați experiențele către un anumit set de pagini sau către adrese URL complexe sau dinamice. De asemenea, este folosit pentru a defini audiențe cu mai multe variabile care au ceva în comun, permițându-vă astfel să vizați anumiți vizitatori ai site-ului web și în alte câteva cazuri de utilizare pe care le prezentăm mai jos.

Există o mulțime de informații despre regex-urile pe internet și multe dintre ele nu se aplică cu adevărat modului în care le veți folosi cu Convert Experiences, așa că am creat acest ghid regex pentru a vă ajuta să începeți.

Caz de utilizare Regex: Interfața de expresie regulată a lui Convert cu Checker

Există multe teste/validatori regex pe care îi puteți folosi înainte de a vă aduce formulele și modelele în UI Convert.

Am proiectat o secțiune regex (vezi mai jos) pentru a face simplu pentru utilizatorii nefamiliari să își scrie propriile formule regex și să le valideze cu verificatorul nostru.

Potrivirile expresiilor regulate sunt apoi evaluate folosind modulul RegExp obișnuit încorporat în JavaScript.

Iată câteva exemple despre cum arată verificatorul în diferite locuri din aplicație:

Cum să utilizați expresiile regulate în aplicația Convert Experiences (cu exemple)

Acum, să trecem prin fiecare dintre aceste cazuri de utilizare și să vedem câteva exemple de cazuri în care regexe-urile sunt extrem de utile.

1. Zona site-ului cu Regex

Zona site-ului este locul din aplicația Conversie experiențe unde configurați criteriile de direcționare a paginii care declanșează experiențele dvs.

Cea mai simplă configurație URL declanșează experimentul pe baza unei adrese URL, de exemplu: „https://www.convert.com“.

Această setare este configurată automat când creați pentru prima dată experimentul. Și este setat la adresa URL pe care ați introdus-o pentru a vă crea Experimentul A/B/Experimentul MVT/Personalizarea sau adresa URL inițială a unui experiment cu URL împărțit.

Cu toate acestea, puteți modifica această configurație implicită selectând unul dintre câțiva operatori pe care Zona Site-ului îi oferă pentru a vă declanșa experiența.

Unul dintre operatori se numește „Matches Regex” și altul se numește „Does not exact regex”.

Puteți folosi aceste două opțiuni pentru a defini paginile în care doriți să rulați experiențele dvs. Convert, când niciun alt operator nu vă poate fi de ajutor pentru a aplica setările URL dorite.

Să vedem câteva cazuri de utilizare pentru a face acest lucru mai ușor de înțeles!

Exemplul 1

Să presupunem că doriți să rulați o experiență cu aceste două condiții:

1. Sursa trafic = Google Adwords
2. Adresa URL conține prg=ABTEST

Iată cum ați scrie expresia regex în zona dvs. de site:

 https://convert.com/\?(?=.*utm_source=google)(?=.*prg=ABTEST).*

Exemplul 2

Să presupunem că doriți să comparați 3 pagini de destinație cu o singură variantă.

Paginile de destinație sunt:

1. https://www.convert.com/lp-home
2. https://www.convert.com/lp-home-agencies
3. https://www.convert.com/lp-home-clients

cu varianta fiind https://www.convert.com/lp-semhome/desktop

În acest exemplu, ați scrie expresia regex în zona site-ului dvs. astfel:

 https:\/\/www.convert.com\/lp-home(\/|-agencies|-clients|)

Exemplul 3

Acum, să ne imaginăm că colegii vă cer să creați o experiență în care:

1. Traficul către original ar trebui să fie 0
2. Parametrul de interogare conține utm_bucket=competitor
3. Traficul este împărțit 50/50 între cele două variante, astfel că atunci când traficul ajunge la https://convert.com/?utm_bucket=competitor atunci 50% din trafic merge către https://convert.com/vs-offerpad/ și celălalt 50% merge la https://convert.com/vs-zillow/

În acest caz, expresia regex ar arăta astfel:

 https://www.convert.com/([^\?]+)?\?{0,1}(.*)([&,\?]utm_bucket=competitor)(.*)$

Exemplul 4

Un alt caz ar putea fi că doriți să testați condițiile de mai jos:

1. Adresa URL a paginii trebuie să conțină /colecții/
2. Pagina UR nu trebuie să conțină /produse/
3. Adresa URL a paginii nu trebuie să se potrivească exact: https://convert.com/collections/
4. Parametrul de interogare URL nu trebuie să conțină ?v=t
5. Adresa URL originală poate fi orice pagină din colecții

Aici, trebuie să combinați regex cu publicul pentru a îndeplini toate condițiile. Astfel, expresia regex din Zona dvs. de site va arăta cam așa:

Și nu uitați să definiți publicul pentru a exclude vizitatorii care au ?v=t în adresa URL.

 https://www.convert.com/collections/(?!(.*\/)produse)(.*)([^\?]+)?\?{0,1}(.*)$

Exemplul 5

În acest exemplu final, să presupunem că doriți să rulați o experiență Split URL în care, atunci când dimensiunea magazinului este inclusă în adresa URL, doriți să rulați testul și să împărțiți traficul între original și variantă.

1. Originalul poate fi oricare dintre următoarele:

https://convert.com/products/shop-size

https://convert.com/collections/new-products-deals/products/shop-size

https://convert.com/collections/fitting/products/shop-size

2. Adresa URL a variantei poate arăta astfel: https://convert.com/products/the-original-fittings

Aici, acesta va fi expresia regex:

2. Audiențe cu Regex

O altă secțiune în care puteți profita de expresiile regulate din aplicația Convertiți experiențe este Publicul.

Un public este un grup de utilizatori/vizitatori ai site-ului web care au ceva în comun. Cu audiențe, vă clasificați vizitatorii site-ului în grupuri pe baza unor criterii specifice, cum ar fi locația, dispozitivul utilizat pentru a accesa site-ul, ora din zi, pagina lor de destinație sau orice alt comportament al utilizatorului.

Este posibil ca vizitatorii unui subgrup diferit să se comporte sau să cumpere în același mod. Puteți crea segmente de public specificând condițiile care permit convertirii să decidă pentru ce public este eligibil un vizitator și să execute testul sau varianta corectă.

Acceptăm regex doar într-unul dintre cele 3 tipuri de public pe care le oferim, Segmentarea.

Când selectați acest tip de public, devin disponibile următoarele condiții:

Exemplu

Să presupunem că doriți să desfășurați o experiență care vizează vizitatorii site-ului a căror pagină de destinație constă dintr-un termen comun, cum ar fi „produse”. În acest caz, ați selecta condiția „Adresa URL a paginii” din lista din stânga, apoi „Se potrivește cu Regex” ca operator.

Și ai terminat!

3. Obiective cu Regex

Pentru a urmări conversiile obiectivelor pentru experiențele dvs., trebuie să specificați adresele URL ale paginii unde doriți să înregistrați conversia. Conversia Experiențe vă permite să introduceți anumite adrese URL, modele de pagini sau expresii regulate (regex) ale paginilor în care doriți să înregistrați conversia obiectivului.

Exemplu

Să presupunem că scopul tău este să verifici câți utilizatori accesează o anumită pagină a site-ului tău web.

În acest caz, trebuie să definiți tipul de obiectiv ca „Vizitați o anumită pagină” și să introduceți adresa URL a paginii pe care utilizatorii trebuie să o viziteze, pentru a înregistra conversia:

Și așa arată expresia regex:

 https://convert.com/$1/privacy/?$3

4. Regex în site-uri web active

Convert acceptă metacaracterele în setările dvs. „Site-uri web active”.

De exemplu, dacă doriți să includeți toate subdomeniile sub „domain.com”, ar trebui să configurați intrarea „Active Domain” astfel: „ http://*.domain.com ”.

Greșeli obișnuite de evitat atunci când utilizați Regex

Nu este suficient să definiți expresia regex pentru direcționarea adresei URL o dată și apoi să o ignorați. Sunt necesare curățări și verificări regulate pentru a vă asigura că paginile/publicul/obiectivele potrivite sunt în mod continuu în experimentele potrivite.

Iată principalele greșeli pe care le vedem adesea apar în tichetele noastre de asistență:

1. Inclusiv caracterele de început și de sfârșit

Dacă includeți caracterele de început și de sfârșit (^ și $), atunci orice adresă URL care include text înainte sau după model nu va fi potrivită.

Evitați să le folosiți.

Este foarte obișnuit ca adresele URL să includă șiruri de interogare la sfârșit, cum ar fi parametrul UTM, care sunt adăugate adreselor URL în scopuri de urmărire.

Un exemplu în acest sens ar fi:
https://www.convert.com/?utm_campaign=ads

2. Inclusiv un Forward Slash

O bară oblică (/) la sfârșitul adresei URL este în general opțională.

Dacă expresia regex include acel caracter la sfârșit, atunci o vizită la aceeași adresă URL, dar fără bară oblică, nu se potrivește. Este mai bine să nu includeți acel caracter slash final.

3. Depășirea limitei de caractere

Există o limită de 750 de caractere pentru toate regulile noastre de direcționare a expresiilor regulate. Dacă depășiți această limită, nu va apărea nicio eroare care să vă avertizeze cu privire la problemă (chiar dacă cred că această limită nu poate fi atinsă cu ușurință).

4. Executarea experimentelor simultane pe aceeași pagină

Dacă încercați să desfășurați mai multe experimente pe aceeași pagină(e) simultan, aceasta duce la o coliziune cu privire la experimentul la care ar trebui să participe un vizitator și la ce modificări trebuie aplicate mai întâi.

Din acest motiv, ar trebui să fiți atenți la direcționarea adresei URL regex. Dacă vizați aceeași pagină cu regulile de direcționare a mai multor teste A/B, trebuie să utilizați aceste instrucțiuni pentru a preveni coliziunea.

Dacă sunteți în căutarea ajutorului pentru înțelegerea expresiilor obișnuite sau cu direcționarea adresei URL a experiențelor dvs. Convert, echipa noastră de asistență este pregătită să vă răspundă întrebărilor. Ne puteți contacta oricând prin chat-ul din aplicație. Vom fi bucuroși să vă oferim o imagine de ansamblu și să vă arătăm câteva exemple, astfel încât să puteți începe să utilizați regex cu încredere în testarea dvs.!