Apa Itu Ekspresi Reguler (Regex) & Bagaimana Cara Menggunakannya dalam Pengujian A/B?

Ekspresi reguler (atau regex) dapat menjadi alat yang ampuh di gudang senjata praktisi CRO mana pun.

Banyak ilmuwan data, analis, dan lainnya tidak diragukan lagi menemukan mereka di beberapa titik selama karir mereka. Mereka mungkin sulit bagi mereka yang tidak memiliki pengetahuan teknis, tetapi menguasai pola-pola yang berguna ini adalah cara yang pasti untuk meningkatkan program eksperimen Anda!

Dalam posting blog ini, kami akan mencoba mengungkap ekspresi reguler sehingga Anda dapat mulai menggunakannya dengan percaya diri dalam pengujian Anda.

Kita akan mulai dengan menganalisis struktur dan berbagai jenis ekspresi reguler. Kami kemudian menunjukkan kepada Anda beberapa contoh ekspresi reguler yang mungkin ingin Anda gunakan dan cara menerapkan pola ini ke berbagai bagian pengujian A/B. Akhirnya, kami melihat beberapa cara ini dapat digunakan di aplikasi Convert Experiences.

Apa itu Regex?

Ekspresi reguler seperti bahasa mini yang banyak digunakan, memungkinkan orang untuk mencocokkan pola kompleks yang jika tidak membutuhkan waktu berjam-jam untuk penelitian.

Mereka memiliki struktur alfanumerik dan dilengkapi dengan kumpulan simbol mereka sendiri seperti tanda kurung {} tanda kurung ( ), tanda bintang (*), tanda tanya (?), tanda kurung buka ([) tanda kurung tutup (]), dll.

Jika Anda sedikit familiar dengan regex di bawah ini, maka ini adalah artikel yang tepat untuk Anda.

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

Bagaimana Anda Dapat Menulis, Menguji & Men-debug Ekspresi Reguler?

Sekarang, mari tunjukkan apa yang mungkin dengan ekspresi reguler. Pertama, kita akan melihat beberapa cara Anda dapat membuat regex kompleks Anda sendiri dari awal!

Cara Menulis Regex

Untuk membangun ekspresi reguler pertama Anda, Anda harus menggunakan sintaks tertentu—yaitu, karakter khusus (metacharacters) dan aturan konstruksi. Misalnya, berikut ini adalah ekspresi reguler sederhana yang cocok dengan nomor telepon 10 digit apa pun, dalam pola nnn-nnn-nnnn:

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

Anda dapat mulai menulis sendiri sintaks tertentu (dan membuat banyak kesalahan hingga Anda memiliki pola regex yang divalidasi) atau menggunakan salah satu generator regex yang tersedia. Salah satu yang paling user-friendly dan mudah digunakan adalah Regex Generator.

Cukup tempel contoh teks yang ingin Anda cocokkan menggunakan regex (sebagai contoh, saya menggunakan URL Konversi www.convert.com di bawah), lalu, pilih bagian berbeda dari teks yang ingin Anda buat regexnya.

Itu dia! Sangat sederhana.

Pola regex kemudian siap digunakan:

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

Contoh lain adalah memasukkan alamat email dukungan dan menentukan bagian domain dari alamat untuk membuat regex di:

Regex sudah siap untuk Anda dan sekarang Anda dapat menargetkan semua alamat email dukungan dari alat yang Anda gunakan tanpa harus menyalin dan menempelkannya satu per satu:

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

Jika Anda lebih paham teknologi dan ingin menulis pola itu sendiri, Anda bisa mulai mempelajari karakter dasar dan quantifier ditambah beberapa aturan konstruksi.

Karakter Dasar Ekspresi Reguler

Berikut adalah "lembar contekan" cepat bagi Anda yang ingin mempelajari aturan regex yang paling umum.

Kuantifier

Jadi bagaimana jika Anda ingin mencocokkan beberapa karakter? Anda perlu menggunakan quantifier. Kuantifier yang paling penting adalah *?+. Mereka mungkin terlihat familier bagi Anda, tetapi mereka tidak persis sama.

• * cocok dengan nol atau lebih dari apa yang ada sebelumnya.
• ? cocok dengan nol atau salah satu dari apa yang ada sebelumnya.
• + cocok dengan satu atau lebih dari apa yang ada sebelumnya.

Karakter spesial

Banyak karakter khusus yang tersedia untuk membangun regex. Berikut adalah beberapa yang paling sering:

Kelas Karakter

Anda dapat mengelompokkan karakter dengan meletakkannya di antara tanda kurung siku. Dengan cara ini, karakter apa pun di kelas akan cocok dengan satu karakter di input.

Cara Menguji Ekspresi Reguler

Anda sekarang memiliki pola regex Anda, tetapi Anda ingin menguji apakah sintaksnya benar. Anda dapat melakukannya secara manual dan menghabiskan berjam-jam membaca aturan validasi. Mathias Bynens memiliki artikel bagus tentang perbandingan terbaik dari banyak ekspresi reguler: Mencari regex validasi URL yang sempurna. Itu cara gila untuk maju.

Tapi untungnya, ada banyak validator regex online gratis yang dapat Anda manfaatkan dan uji string Anda dengan cepat terhadap pola regex yang Anda buat. Kami dapat merekomendasikan dua di antaranya, RegEx101 dan RegExr. Tangkapan layar di bawah ini berasal dari yang terakhir tetapi jangan ragu untuk menggunakan apa pun yang Anda rasa paling nyaman.

Cukup tambahkan pola regex Anda di bidang Ekspresi, lalu, di bidang Teks, tambahkan teks apa pun yang ingin Anda lihat apakah cocok dengan pola Anda. Anda dapat melihat dengan cepat berapa banyak teks yang Anda masukkan yang cocok dengan pola tertentu.

Validator regex ini sangat kuat!

Cara Men-debug Regex

Menguji regex Anda jauh lebih penting daripada men-debug-nya. Anda biasanya dapat mengetahui apa yang terjadi dengan regex dengan cukup mudah dengan melihat hasilnya, tetapi untuk memastikannya sesuai dengan maksud Anda, Anda harus menguji regex Anda dengan semua kemungkinan kasus perbatasan. Pengujian pada akhirnya akan memperjelas apa yang sebenarnya ingin Anda lakukan dan membuat proses debug menjadi tidak berguna.

Namun, jika Anda masih ingin men-debug pola regex Anda, Anda dapat mengetiknya di https://regex101.com/. Tidak hanya memungkinkan Anda menguji regex Anda pada kumpulan sampel, memberi kode warna pada grup pencocokan Anda, tetapi juga memberi Anda penjelasan lengkap tentang apa yang terjadi di bawah tenda.

Namun perlu diingat, Anda harus merujuk ke dokumentasi khusus untuk bahasa pemrograman tertentu tempat Anda menggunakan regex. Masing-masing memiliki batasan khusus. Beberapa hal mungkin tidak didukung dalam bahasa tertentu.

Jika Anda menginginkan pengalaman "debug visual" yang lebih banyak, coba Debuggex.

Ini menunjukkan jalur di regex Anda seperti ini:

Cara Menggunakan Regex di JavaScript

Ada dua cara untuk membuat ekspresi reguler dalam JavaScript. Itu dapat dibuat dengan modul RegExp atau dengan menggunakan garis miring ( / ) untuk menyertakan pola. Garis miring /…/ memberi tahu JavaScript bahwa kita sedang membuat ekspresi reguler. Mereka memainkan peran yang sama seperti kutipan untuk string.

Dalam kedua kasus, regexp menjadi turunan dari modul RegExp bawaan.

Perbedaan utama antara kedua sintaks ini adalah bahwa pola yang menggunakan garis miring /…/ sepenuhnya statis sementara yang lain dapat menghasilkan ekspresi reguler dengan cepat.

Metode 1 Contoh

Mari kita lihat contoh RegExp di bawah yang digunakan untuk memvalidasi input pengguna dan memastikan bahwa input mereka hanya berisi angka:

 biarkan angka = 'saya';
biarkan regex = new RegExp('[0-9]');
console.log(regex.test(num)); //ini akan menghasilkan false 

Metode 2 Contoh

Mari kita lihat ekspresi sederhana dengan notasi literal yang akan mencari kecocokan yang tepat dalam sebuah String. Ini akan cocok dengan String, melakukan pencarian peka huruf besar-kecil:

 let re = "Halo Belajar Malam Ini";
biarkan hasil = /hello/.test(re);
console.log(hasil); //keluaran salah 

Setelah Anda menulisnya, ada dua metode menarik untuk menguji ekspresi reguler JavaScript Anda:

• RegExp.prototype.test(): untuk menguji apakah kecocokan telah ditemukan atau tidak. Ia menerima string yang kami uji terhadap ekspresi reguler. Ini akan mengembalikan benar atau salah jika kecocokan ditemukan.
• RegExp.prototype.exec(): Mengembalikan array dengan semua grup yang cocok. Ia menerima string yang kami uji terhadap ekspresi reguler.

Dalam contoh berikut, pola /JavaScript/ diuji terhadap string untuk melihat apakah kecocokan ditemukan:

 var re = /JavaScript/;
var str = "JavaScript";
if (re.test(str)) document.writeln("benar");

Dalam potongan kode berikut, metode RegExp, exec, mencari pola tertentu, /javascript*/, di seluruh string (g), mengabaikan huruf besar (i):

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

Mengapa Kita Membutuhkan Regex dalam Pengujian A/B?

Regex dalam pengujian A/B terutama digunakan untuk penargetan. Penargetan mengontrol siapa dan di mana pengalaman apa pun.

Melalui penargetan, Anda memberi tahu platform pengujian Anda siapa (yang dikondisikan oleh pengunjung situs web) untuk menunjukkan pengalaman dan di mana (URL spesifik mana) pengalaman itu harus dijalankan di situs Anda.

Dengan menentukan audiens, Anda dapat memutuskan siapa yang akan melihat pengalaman tersebut. Kondisi audiens dapat menentukan sumber lalu lintas, data geografis, data perilaku, cookie spesifik yang dimiliki pengunjung Anda, dan kondisi tanpa akhir yang dapat Anda tentukan sendiri.

Dengan menentukan penargetan URL, Anda memutuskan di mana pengalaman akan dijalankan. Ketentuan penargetan URL dapat mencakup beberapa domain, subdomain, parameter kueri, dan jalur.

Terkadang tidak layak untuk menggunakan operator "pencocokan persis" atau "berisi" atau "dimulai dengan" untuk mengumpulkan lalu lintas ke pengalaman Anda. Di sinilah regex masuk.

Ini adalah 5 contoh audiens yang dapat dikecualikan atau disertakan dalam pengalaman dan ditentukan dengan regex :

1. Pengunjung yang berasal dari kampanye iklan yang memiliki istilah umum dalam namanya tetapi berbeda dengan yang lain (misalnya sepatu-pembelian-ponsel, cincin-pembelian-desktop).
2. Pengunjung menggunakan versi browser tertentu (misalnya Firefox 3.6.4).
3. Pengunjung yang datang dari situs pihak ketiga seperti Facebook atau TikTok di mana Anda perlu secara khusus menentukan sekelompok nama.
4. Pengunjung yang sebelumnya telah melihat promosi.
5. Pengunjung yang masuk dan cookie mereka untuk mengontrol fitur masuk memiliki pengenal unik.

Ini adalah 5 lokasi sampel yang mungkin ingin Anda sertakan atau kecualikan dari sebuah pengalaman dan dapat ditentukan dengan regex :

1. Halaman dengan nilai string kueri dinamis/unik.
2. Halaman arahan khusus dengan istilah umum tetapi pengidentifikasi unik.
3. Halaman kategori dan subkategori.
4. Beberapa halaman di corong checkout saat pengunjung mengalir dari satu langkah ke langkah berikutnya.
5. Di mana-mana kecuali beberapa halaman.

Bagaimana Cara Menggunakan Regex dalam Pengujian A/B?

Ekspresi reguler berguna dalam pengalaman A/B / MVT / Personalisasi / A/A / Multihalaman / URL Terpisah apa pun yang diuntungkan dari kecocokan pola URL penuh atau sebagian.

Kita dapat menggunakan regex dalam pengujian A/B untuk:

• verifikasi struktur URL
• ekstrak substring dari URL terstruktur
• cari / ganti / atur ulang bagian URL
• pisahkan URL menjadi token
• temukan bagian konstan dari URL.

Semua ini muncul secara teratur saat menyusun pengalaman Konversi.

Pencocokan ekspresi reguler berguna saat jalur, parameter tambahan, atau keduanya, dapat bervariasi di URL untuk laman web yang sama.

Misalnya, jika pengguna berasal dari salah satu dari banyak subdomain dan URL Anda menggunakan pengenal sesi, Anda dapat menggunakan ekspresi reguler untuk menentukan elemen konstan URL Anda. Cukup berguna, bukan?

Di Konversi, kami menggunakan ekspresi reguler (disingkat menjadi regex dan regex ) untuk memungkinkan Anda menargetkan pengalaman Anda ke kumpulan halaman tertentu, atau ke URL yang kompleks atau dinamis. Ini juga digunakan untuk mendefinisikan audiens dengan beberapa variabel yang memiliki kesamaan, sehingga memungkinkan Anda untuk menargetkan pengunjung situs web tertentu dan dalam beberapa kasus penggunaan lain yang kami sajikan di bawah ini.

Ada banyak informasi tentang regex di internet dan banyak di antaranya tidak benar-benar berlaku untuk bagaimana Anda akan menggunakannya dengan Convert Experiences, jadi kami telah membuat panduan regex ini untuk membantu Anda memulai.

Kasus Penggunaan Regex: Konversi Antarmuka Ekspresi Reguler dengan Checker

Ada banyak penguji/validator regex yang dapat Anda manfaatkan sebelum Anda memasukkan rumus dan pola ke UI Konversi.

Kami telah merancang bagian regex (lihat di bawah) untuk memudahkan pengguna yang tidak terbiasa menulis rumus regex mereka sendiri dan memvalidasinya dengan pemeriksa kami.

Kecocokan ekspresi reguler kemudian dievaluasi menggunakan modul RegExp reguler bawaan JavaScript.

Berikut adalah beberapa contoh tampilan pemeriksa di berbagai tempat di aplikasi:

Cara Menggunakan Ekspresi Reguler di Aplikasi Convert Experiences (dengan Contoh)

Sekarang, mari kita lihat masing-masing kasus penggunaan ini dan lihat beberapa contoh di mana regex sangat berguna.

1. Area Situs dengan Regex

Area Situs adalah tempat dalam aplikasi Konversi Pengalaman tempat Anda mengonfigurasi kriteria penargetan halaman yang memicu pengalaman Anda.

Konfigurasi URL paling dasar memicu eksperimen berdasarkan URL, misalnya: “https://www.convert.com“.

Setelan ini dikonfigurasi secara otomatis saat Anda pertama kali membuat eksperimen. Dan itu disetel ke URL yang Anda masukkan untuk membuat Eksperimen A/B / Eksperimen MVT / Personalisasi atau URL Asli pada Eksperimen URL Terpisah.

Namun, Anda dapat mengubah konfigurasi default ini dengan memilih salah satu dari beberapa operator yang disediakan Area Situs untuk memicu pengalaman Anda.

Salah satu operator disebut "Cocok dengan Regex" dan yang lain disebut "Tidak sama persis dengan regex".

Anda dapat menggunakan dua opsi ini untuk menentukan halaman tempat Anda ingin menjalankan pengalaman Konversi saat tidak ada operator lain yang dapat membantu menerapkan pengaturan URL yang Anda inginkan.

Mari kita lihat beberapa kasus penggunaan untuk membuatnya lebih mudah dipahami!

Contoh 1

Katakanlah Anda ingin menjalankan pengalaman dengan dua kondisi ini:

1. Sumber lalu lintas = Google Adwords
2. URL berisi prg=ABTEST

Inilah cara Anda menulis regex di Area Situs Anda:

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

Contoh 2

Katakanlah Anda ingin membandingkan 3 halaman arahan dengan satu varian.

Halaman arahan adalah:

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

dengan variannya adalah https://www.convert.com/lp-semhome/desktop

Dalam contoh ini, Anda akan menulis regex di Area Situs Anda seperti ini:

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

Contoh 3

Sekarang, bayangkan kolega Anda meminta Anda untuk menyiapkan pengalaman di mana:

1. Lalu lintas ke Asli harus 0
2. Parameter kueri berisi utm_bucket=pesaing
3. Lalu lintas dibagi 50/50 antara dua varian, jadi ketika lalu lintas masuk ke https://convert.com/?utm_bucket=competitor maka 50% lalu lintas masuk ke https://convert.com/vs-offerpad/ dan yang lainnya 50% masuk ke https://convert.com/vs-zillow/

Dalam hal ini, regex akan terlihat seperti ini:

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

Contoh 4

Kasus lain mungkin Anda ingin menguji kondisi di bawah ini:

1. URL halaman harus berisi /collections/
2. Halaman UR tidak boleh berisi /produk/
3. URL halaman tidak boleh sama persis: https://convert.com/collections/
4. Parameter Kueri URL tidak boleh berisi ?v=t
5. URL asli dapat berupa halaman apa pun di bawah koleksi

Di sini, Anda perlu menggabungkan regex dengan audiens untuk memenuhi semua ketentuan. Dengan demikian, regex di Area Situs Anda akan terlihat seperti ini:

Dan jangan lupa untuk menentukan pemirsa untuk mengecualikan pengunjung yang memiliki ?v=t di URL mereka.

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

Contoh 5

Dalam contoh terakhir ini, katakanlah Anda ingin menjalankan pengalaman URL Terpisah di mana, ketika ukuran toko disertakan dalam URL, Anda ingin menjalankan pengujian dan membagi lalu lintas antara yang asli dan varian.

1. Yang asli dapat berupa salah satu di bawah ini:

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. URL variasi mungkin terlihat seperti ini: https://convert.com/products/the-original-fittings

Di sini, ini akan menjadi regex Anda:

2. Audiens dengan Regex

Bagian lain di mana Anda dapat memanfaatkan ekspresi reguler di aplikasi Konversi Pengalaman adalah Pemirsa.

Audiens adalah sekelompok pengguna/pengunjung situs web yang memiliki kesamaan. Dengan audiens, Anda mengategorikan pengunjung situs web Anda ke dalam grup berdasarkan kriteria tertentu seperti lokasi, perangkat yang digunakan untuk mengakses situs, jam dalam sehari, halaman arahan mereka, atau perilaku pengguna lainnya.

Pengunjung ke subkelompok yang berbeda cenderung berperilaku atau membeli dengan cara yang sama. Anda dapat membuat pemirsa dengan menentukan kondisi yang memungkinkan Konversi untuk memutuskan pemirsa mana yang memenuhi syarat untuk pengunjung dan menjalankan pengujian atau variasi yang benar.

Kami hanya mendukung regex di salah satu dari 3 jenis audiens yang kami sediakan, Segmentasi.

Saat Anda memilih jenis audiens ini, ketentuan berikut akan tersedia:

Contoh

Katakanlah Anda ingin menjalankan pengalaman yang menargetkan pengunjung situs web yang laman landasnya terdiri dari istilah umum seperti "produk". Dalam hal ini, Anda akan memilih kondisi "URL Halaman" dari daftar di sebelah kiri, lalu "Mencocokkan Regex" sebagai operator Anda.

Dan Anda selesai!

3. Tujuan dengan Regex

Untuk melacak konversi sasaran untuk pengalaman Anda, Anda perlu menentukan URL halaman tempat Anda ingin mencatat konversi. Pengalaman Konversi memungkinkan Anda memasukkan URL, pola laman, atau ekspresi reguler (regex) tertentu dari laman tempat Anda ingin mencatat konversi sasaran.

Contoh

Katakanlah tujuan Anda adalah untuk memeriksa berapa banyak pengguna yang mengakses halaman tertentu dari situs Anda.

Dalam hal ini, Anda perlu menentukan jenis sasaran sebagai “Kunjungi halaman tertentu” dan masukkan URL halaman yang harus dikunjungi pengguna, untuk mencatat konversi:

Dan seperti inilah tampilan regex Anda:

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

4. Regex di Situs Web Aktif

Konversi mendukung wildcard di pengaturan "Situs Web Aktif" Anda.

Misalnya, jika Anda ingin memasukkan semua subdomain di bawah "domain.com", Anda harus menyiapkan entri "Domain Aktif" seperti ini: " http://*.domain.com ".

Kesalahan Umum yang Harus Dihindari saat Menggunakan Regex

Tidaklah cukup untuk menentukan ekspresi reguler Anda untuk penargetan URL Anda sekali dan kemudian mengabaikannya. Pembersihan dan pemeriksaan rutin diperlukan untuk memastikan halaman/pemirsa/sasaran yang tepat terus-menerus dalam eksperimen yang tepat.

Berikut adalah kesalahan teratas yang sering kami lihat muncul di tiket dukungan kami:

1. Termasuk Karakter Awal dan Akhir

Jika Anda menyertakan karakter awal dan akhir (^ dan $), maka URL apa pun yang menyertakan teks sebelum atau sesudah pola tidak akan dicocokkan.

Hindari menggunakannya.

Sangat umum bagi URL untuk menyertakan string kueri di bagian akhir, seperti parameter UTM yang ditambahkan ke URL untuk tujuan pelacakan.

Contohnya adalah:
https://www.convert.com/?utm_campaign=ads

2. Termasuk Tebasan ke Depan

Garis miring (/) di akhir URL umumnya opsional.

Jika ekspresi reguler Anda menyertakan karakter itu di akhir, maka kunjungan ke URL yang sama tetapi tanpa garis miring tidak akan cocok. Lebih baik tidak menyertakan karakter garis miring terakhir itu.

3. Melebihi Batas Karakter

Ada batas 750 karakter untuk semua aturan penargetan ekspresi reguler kami. Jika Anda melampaui batas ini, tidak akan ada kesalahan yang muncul untuk memperingatkan Anda tentang masalah ini (walaupun saya yakin batas ini tidak dapat dicapai dengan mudah).

4. Menjalankan Eksperimen Simultan di Halaman yang Sama

Jika Anda mencoba menjalankan beberapa eksperimen pada halaman yang sama secara bersamaan, hal ini akan menyebabkan tabrakan mengenai eksperimen mana yang harus diikuti oleh pengunjung dan perubahan mana yang akan diterapkan terlebih dahulu.

Karena itu, Anda harus berhati-hati dengan penargetan URL regex Anda. Jika Anda menargetkan halaman yang sama dengan aturan penargetan lebih dari satu pengujian A/B, Anda harus menggunakan petunjuk ini untuk mencegah tabrakan.

Jika Anda mencari bantuan untuk memahami ekspresi reguler atau dengan penargetan URL Pengalaman Konversi Anda, tim dukungan kami siap menjawab pertanyaan Anda. Anda dapat menghubungi kami kapan saja melalui obrolan dalam aplikasi. Kami akan dengan senang hati memberikan ikhtisar dan menunjukkan kepada Anda beberapa contoh sehingga Anda dapat mulai menggunakan regex dengan percaya diri dalam pengujian Anda!