정규식(Regex)이란 무엇이며 A/B 테스트에서 어떻게 사용합니까?

정규식(또는 정규식)은 모든 CRO 실무자의 무기고에서 강력한 도구가 될 수 있습니다.

많은 데이터 과학자, 분석가 및 기타 사람들은 의심할 여지 없이 경력 중 어느 시점에서 이를 접했습니다. 기술 지식이 없는 사람들에게는 어려울 수 있지만 이러한 유용한 패턴을 마스터하는 것은 실험 프로그램을 향상시키는 확실한 방법입니다!

이 블로그 게시물에서는 테스트에서 자신 있게 정규식을 사용할 수 있도록 정규식을 이해하기 위해 노력할 것입니다.

구조와 다양한 유형의 정규식을 분석하는 것으로 시작하겠습니다. 그런 다음 사용할 수 있는 정규식의 몇 가지 예와 이러한 패턴을 A/B 테스트의 다양한 부분에 구현하는 방법을 보여줍니다. 마지막으로 이러한 기능을 Convert Experiences 앱에서 사용할 수 있는 몇 가지 방법을 살펴봅니다.

정규식이란 무엇입니까?

정규식은 널리 사용되는 축소된 언어와 같으므로 사람들이 복잡한 패턴을 일치시킬 수 있으므로 그렇지 않으면 많은 시간이 소요됩니다.

그들은 영숫자 구조를 가지고 있으며 대괄호 { } 괄호( ), 별표(*), 물음표(?), 여는 대괄호([) 닫는 대괄호(]) 등과 같은 고유한 기호 집합과 함께 제공됩니다.

아래의 정규식에 약간 익숙하다면 이 기사가 적합합니다.

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

정규식을 어떻게 작성, 테스트 및 디버그할 수 있습니까?

이제 정규 표현식으로 무엇이 가능한지 보여드리겠습니다. 먼저, 복잡한 정규식을 처음부터 새로 만들 수 있는 몇 가지 방법을 살펴보겠습니다!

정규식을 작성하는 방법

첫 번째 정규식을 작성하려면 특정 구문, 즉 특수 문자(메타 문자) 및 구성 규칙을 사용해야 합니다. 예를 들어, 다음은 nnn-nnn-nnnn 패턴의 10자리 전화번호와 일치하는 간단한 정규식입니다.

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

특정 구문을 직접 작성하기 시작하거나(검증된 정규식 패턴을 가질 때까지 많은 실수를 범함) 존재하는 사용 가능한 정규식 생성기 중 하나를 사용할 수 있습니다. 가장 사용하기 쉽고 사용하기 쉬운 것 중 하나는 Regex Generator입니다.

정규식을 사용하여 일치시키려는 텍스트 샘플을 붙여넣은 다음(예를 들어 아래에 Convert의 URL www.convert.com을 사용함) 정규식을 빌드할 텍스트의 다른 부분을 선택합니다.

그게 다야! 너무 간단합니다.

그러면 정규식 패턴을 사용할 준비가 됩니다.

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

또 다른 예는 지원 이메일 주소를 입력하고 정규식을 작성할 주소의 도메인 부분을 지정하는 것입니다.

정규식이 준비되었으며 이제 하나씩 복사하여 붙여넣을 필요 없이 사용하는 도구의 모든 지원 이메일 주소를 대상으로 지정할 수 있습니다.

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

기술에 정통하고 해당 패턴을 직접 작성하려는 경우 기본 문자와 수량자 및 몇 가지 구성 규칙을 배우기 시작할 수 있습니다.

정규식 기본 문자

다음은 정규식의 가장 일반적인 규칙을 배우고 싶은 분들을 위한 빠른 "치트 시트"입니다.

수량자

여러 문자를 일치시키려면 어떻게 해야 합니까? 수량자를 사용해야 합니다. 가장 중요한 수량자는 *?+입니다. 그들은 당신에게 친숙해 보일지 모르지만 완전히 똑같지는 않습니다.

• * 앞에 오는 것 중 0개 이상과 일치합니다.
• ? 0 또는 그 앞에 오는 것 중 하나와 일치합니다.
• +는 그 앞에 오는 것 중 하나 이상과 일치합니다.

특수 문자

정규식 작성에 많은 특수 문자를 사용할 수 있습니다. 다음은 가장 자주 발생하는 몇 가지입니다.

캐릭터 클래스

대괄호 사이에 넣어 문자를 그룹화할 수 있습니다. 이렇게 하면 클래스의 모든 문자가 입력의 한 문자와 일치합니다.

정규식을 테스트하는 방법

이제 정규식 패턴이 준비되었지만 구문이 올바른지 테스트하고 싶습니다. 수동으로 수행할 수 있으며 유효성 검사 규칙을 읽는 데 많은 시간을 할애할 수 있습니다. Mathias Bynens는 많은 정규식을 가장 잘 비교한 훌륭한 기사를 가지고 있습니다. In search of the perfect URL validation regex. 그것이 앞으로 나아가는 미친 방법입니다.

그러나 고맙게도 여러분이 구축한 정규식 패턴에 대해 문자열을 신속하게 테스트하고 활용할 수 있는 무료 온라인 정규식 유효성 검사기가 많이 있습니다. RegEx101과 RegExr 중 두 가지를 추천할 수 있습니다. 아래 스크린샷은 후자의 스크린샷이지만 가장 편안하다고 느끼는 것을 자유롭게 사용하십시오.

표현식 필드에 정규식 패턴을 추가한 다음 텍스트 필드에 패턴과 일치하는지 확인하려는 텍스트를 추가하기만 하면 됩니다. 입력한 텍스트 중 얼마나 많은 텍스트가 특정 패턴과 일치하는지 즉석에서 확인할 수 있습니다.

이 정규식 유효성 검사기는 매우 강력합니다!

정규식을 디버그하는 방법

정규식을 테스트하는 것은 디버깅보다 훨씬 더 중요합니다. 일반적으로 결과를 보면 정규식에 무슨 일이 일어나고 있는지 알 수 있지만, 그것이 의미하는 바를 확실히 하려면 가능한 모든 경계 케이스로 정규식을 테스트해야 합니다. 테스팅은 결국 당신이 정말로 하고 싶은 것을 명확히 하고 디버깅을 쓸모없게 만들 것입니다.

그러나 여전히 정규식 패턴을 디버그하려면 https://regex101.com/에 입력할 수 있습니다. 샘플 세트에서 정규식을 테스트하고 일치 그룹을 색상으로 구분할 수 있을 뿐만 아니라 내부에서 일어나는 일에 대한 완전한 설명도 제공합니다.

그러나 정규식을 사용하는 특정 프로그래밍 언어에 대한 특정 문서를 참조해야 한다는 점을 명심하십시오. 각각에는 특정 제한 사항이 있습니다. 특정 언어에서는 일부 기능이 지원되지 않을 수 있습니다.

더 "시각적 디버깅" 경험을 원한다면 Debuggex를 사용해 보세요.

다음과 같이 정규식의 경로를 보여줍니다.

JavaScript에서 정규식을 사용하는 방법

JavaScript에서 정규식을 만드는 방법에는 두 가지가 있습니다. RegExp 모듈로 생성하거나 슬래시( / )를 사용하여 패턴을 묶을 수 있습니다. 슬래시 ///는 JavaScript에 정규 표현식을 생성 중임을 알립니다. 문자열에 대한 따옴표와 같은 역할을 합니다.

두 경우 모두 regexp는 내장 RegExp 모듈의 인스턴스가 됩니다.

이 두 구문의 주요 차이점은 슬래시 /.../를 사용하는 패턴은 완전히 정적이고 다른 하나는 즉석에서 정규식을 생성할 수 있다는 것입니다.

방법 1 예

사용자 입력의 유효성을 검사하고 입력에 숫자만 포함되어 있는지 확인하는 데 사용되는 RegExp의 아래 예를 살펴보겠습니다.

 하자 번호 = '나';
let regex = new RegExp('[0-9]');
console.log(regex.test(숫자)); // false를 출력합니다. 

방법 2 예

문자열에서 정확히 일치하는 항목을 찾는 리터럴 표기법이 있는 간단한 표현식을 살펴보겠습니다. 이것은 대소문자 구분 검색을 수행하여 문자열과 일치합니다.

 let re = "Hello Studytonight";
let 결과 = /hello/.test(re);
console.log(결과); //거짓 출력 

작성한 후에는 JavaScript 정규식을 테스트하기 위한 두 가지 흥미로운 방법이 있습니다.

• RegExp.prototype.test(): 일치 항목이 있는지 여부를 테스트합니다. 정규 표현식에 대해 테스트하는 문자열을 허용합니다. 일치하는 항목이 있으면 true 또는 false를 반환합니다.
• RegExp.prototype.exec(): 일치하는 모든 그룹이 있는 배열을 반환합니다. 정규 표현식에 대해 테스트하는 문자열을 허용합니다.

다음 예제에서 /JavaScript/ 패턴은 일치하는 항목이 있는지 확인하기 위해 문자열에 대해 테스트됩니다.

 var re = /자바스크립트/;
var str = "자바스크립트";
if (re.test(str)) document.writeln("true") ;

다음 코드 스니펫에서 RegExp 메소드 exec는 대소문자(i)를 무시하고 전체 문자열(g)에서 특정 패턴 /javascript*/를 검색합니다.

 var re = /자바스크립트*/ig;
var str = "cfdsjavascript *(&Yjavascriptjs 888javascript";
var 결과 배열 = re.exec(str);
동안 (결과 배열) {
   document.writeln(결과배열[0]);
   결과 배열 = re.exec(str);
}

A/B 테스트에서 정규식이 필요한 이유는 무엇입니까?

A/B 테스트의 정규식은 주로 타겟팅에 사용됩니다. 타겟팅은 경험의 대상 과 장소 를 제어합니다.

타겟팅을 통해 테스트 플랫폼에 경험을 보여줄 사람(웹사이트 방문자 조건)과 경험을 사이트에서 실행해야 하는 위치(특정 URL)를 알려줍니다.

청중을 정의 하여 경험을 볼 사람을 결정할 수 있습니다. 대상 조건은 트래픽 소스, 지리적 데이터, 행동 데이터, 방문자가 보유한 특정 쿠키 및 직접 지정할 수 있는 끝없는 조건을 정의할 수 있습니다.

URL 타겟팅을 정의 하여 경험을 실행할 위치를 결정합니다. URL 타겟팅 조건에는 여러 도메인, 하위 도메인, 쿼리 매개변수 및 경로가 포함될 수 있습니다.

때로는 "정확히 일치" 또는 "포함" 또는 "다음으로 시작" 연산자를 사용하여 트래픽을 경험에 버킷팅하는 것이 실현 가능하지 않습니다. 이것은 정규식이 들어오는 곳입니다.

다음은 경험에 제외하거나 포함할 수 있고 regex로 정의할 수 있는 5가지 샘플 대상입니다 .

1. 이름에는 공통 용어가 있지만 나머지는 다른 광고 캠페인에서 오는 방문자(예: 신발-구매-모바일, 반지-구매-데스크톱).
2. 특정 브라우저 버전(예: Firefox 3.6.4)을 사용하는 방문자.
3. 이름 그룹을 구체적으로 정의해야 하는 Facebook 또는 TikTok과 같은 타사 사이트에서 오는 방문자.
4. 이전에 프로모션을 본 방문자.
5. 로그인한 방문자와 로그인 기능을 제어하기 위한 쿠키에는 고유한 식별자가 있습니다.

다음은 경험에 포함하거나 제외할 수 있는 5가지 샘플 위치이며 regex로 정의할 수 있습니다 .

1. 동적/고유 쿼리 문자열 값이 있는 페이지.
2. 공통 용어이지만 고유 식별자가 있는 특정 방문 페이지.
3. 카테고리 및 하위 카테고리 페이지.
4. 방문자가 한 단계에서 다음 단계로 이동하는 동안 체크아웃 깔때기의 여러 페이지.
5. 몇 페이지를 제외하고 모든 곳에서.

A/B 테스트에서 정규식을 사용하는 방법은 무엇입니까?

정규식은 전체 또는 부분 URL 패턴 일치를 활용하는 모든 A/B / MVT / 개인화 / A/A / 다중 페이지 / 분할 URL 환경에서 유용합니다.

A/B 테스트에서 정규식을 사용하여 다음을 수행할 수 있습니다.

• URL 구조 확인
• 구조화된 URL에서 부분 문자열 추출
• URL의 일부 검색/바꾸기/재배열
• URL을 토큰으로 분할
• URL의 상수 부분을 찾습니다.

이 모든 것은 Convert 경험을 작성할 때 정기적으로 나타납니다.

정규식 일치는 경로, 후행 매개변수 또는 둘 모두가 동일한 웹 페이지의 URL에서 다를 수 있는 경우에 유용합니다.

예를 들어 사용자가 여러 하위 도메인 중 하나에서 오고 URL이 세션 식별자를 사용하는 경우 정규식을 사용하여 URL의 상수 요소를 정의할 수 있습니다. 꽤 편리하죠?

Convert에서는 정규식( regex 및 regexes 로 축약됨)을 사용하여 특정 페이지 집합이나 복잡하거나 동적인 URL에 대한 경험을 타겟팅할 수 있습니다. 또한 공통점이 있는 여러 변수로 잠재고객을 정의하는 데 사용되므로 특정 웹사이트 방문자와 아래에 제시하는 다른 여러 사용 사례를 타겟팅할 수 있습니다.

인터넷에는 정규식에 대한 많은 정보가 있으며 많은 정보가 Convert Experiences에서 정규식을 사용하는 방법에 실제로 적용되지 않으므로 시작하는 데 도움이 되도록 이 정규식 가이드를 만들었습니다.

정규식 사용 사례: 검사기가 포함된 Convert의 정규식 인터페이스

수식과 패턴을 변환 UI로 가져오기 전에 사용할 수 있는 정규식 테스터/검증기가 많이 있습니다.

익숙하지 않은 사용자가 자신의 정규식 수식을 작성하고 검사기로 유효성을 검사할 수 있도록 정규식 섹션(아래 참조)을 설계했습니다.

그런 다음 정규식 일치는 JavaScript의 기본 제공 정규 RegExp 모듈을 사용하여 평가됩니다.

다음은 앱의 다양한 위치에서 검사기가 어떻게 보이는지 보여주는 몇 가지 예입니다.

Convert Experiences 앱에서 정규식을 사용하는 방법(예제 포함)

이제 이러한 각 사용 사례를 살펴보고 정규 표현식이 매우 유용한 사례의 몇 가지 예를 살펴보겠습니다.

1. Regex가 있는 사이트 영역

사이트 영역은 경험을 트리거하는 페이지 타겟팅 기준을 구성하는 경험 변환 앱 내의 장소입니다.

가장 기본적인 URL 구성은 URL을 기반으로 실험을 트리거합니다(예: "https://www.convert.com").

이 설정은 실험을 처음 만들 때 자동으로 구성됩니다. 그리고 A/B 실험 / MVT 실험 / 개인화 또는 분할 URL 실험에서 원본 URL을 생성하기 위해 입력한 URL로 설정됩니다.

그러나 사이트 영역에서 경험을 트리거하기 위해 제공하는 여러 운영자 중 하나를 선택하여 이 기본 구성을 변경할 수 있습니다.

연산자 중 하나는 "정규식과 일치"라고 하고 다른 하나는 "정규식과 정확히 일치하지 않음"이라고 합니다.

원하는 URL 설정을 적용하는 데 도움이 되는 다른 운영자가 없을 때 이 두 가지 옵션을 사용하여 변환 경험을 실행할 페이지를 정의할 수 있습니다.

이해를 돕기 위해 몇 가지 사용 사례를 살펴보겠습니다!

실시예 1

다음 두 가지 조건으로 경험을 실행하려고 한다고 가정해 보겠습니다.

1. 트래픽 소스 = Google 애드워즈
2. URL에 prg=ABTEST가 포함되어 있습니다.

사이트 영역에서 정규식을 작성하는 방법은 다음과 같습니다.

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

실시예 2

3개의 방문 페이지를 하나의 변형과 비교하려고 한다고 가정해 보겠습니다.

방문 페이지는 다음과 같습니다.

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

변형은 https://www.convert.com/lp-semhome/desktop 입니다.

이 예에서는 다음과 같이 사이트 영역에 정규식을 작성합니다.

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

실시예 3

이제 동료가 다음과 같은 경험을 설정하도록 요청한다고 가정해 보겠습니다.

1. 원본에 대한 트래픽은 0이어야 합니다.
2. 쿼리 매개변수에 utm_bucket=competitor가 포함됨
3. 트래픽은 두 변형 간에 50/50으로 분할되므로 트래픽이 https://convert.com/?utm_bucket=competitor에 도달하면 트래픽의 50%가 https://convert.com/vs-offerpad/로 이동하고 나머지는 50%는 https://convert.com/vs-zillow/로 이동합니다.

이 경우 정규식은 다음과 같습니다.

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

실시예 4

또 다른 경우는 아래 조건을 테스트하려는 경우일 수 있습니다.

1. 페이지 URL에는 /collections/가 포함되어야 합니다.
2. 페이지 UR에는 /products/가 포함되어서는 안 됩니다.
3. 페이지 URL은 정확히 일치하지 않아야 합니다: https://convert.com/collections/
4. URL 쿼리 매개변수에는 ?v=t가 포함되어서는 안 됩니다.
5. 원본 URL은 컬렉션 아래의 모든 페이지일 수 있습니다.

여기에서 모든 조건을 충족하려면 정규식을 대상과 결합해야 합니다. 따라서 사이트 영역의 정규식은 다음과 같이 보일 것입니다.

URL에 ?v=t가 있는 방문자를 제외하도록 잠재고객을 정의하는 것을 잊지 마십시오.

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

실시예 5

이 마지막 예에서 URL에 상점 크기가 포함될 때 테스트를 실행하고 원본과 변형 간에 트래픽을 분할하려는 분할 URL 환경을 실행하려고 한다고 가정해 보겠습니다.

1. 원본은 다음 중 하나일 수 있습니다.

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은 다음과 같습니다. https://convert.com/products/the-original-fittings

여기에서 이것은 정규식일 것입니다:

2. Regex를 사용하는 대상

Convert Experiences 앱에서 정규식을 활용할 수 있는 또 다른 섹션은 Audiences입니다.

청중은 공통점이 있는 사용자/웹사이트 방문자 그룹입니다. 잠재고객을 사용하면 위치, 사이트에 액세스하는 데 사용된 장치, 시간, 방문 페이지 또는 기타 사용자 행동과 같은 특정 기준에 따라 웹사이트 방문자를 그룹으로 분류합니다.

다른 하위 그룹의 방문자는 동일한 방식으로 행동하거나 구매할 가능성이 높습니다. Convert가 방문자에게 적합한 대상을 결정하고 올바른 테스트 또는 변형을 실행할 수 있는 조건을 지정하여 대상을 생성할 수 있습니다.

우리는 우리가 제공하는 3가지 대상 유형 중 하나인 세분화에서만 정규식을 지원합니다.

이 유형의 잠재고객을 선택하면 다음 조건을 사용할 수 있습니다.

예시

방문 페이지가 "제품"과 같은 일반적인 용어로 구성된 웹사이트 방문자를 대상으로 하는 경험을 실행하려고 한다고 가정해 보겠습니다. 이 경우 왼쪽 목록에서 "페이지 URL" 조건을 선택한 다음 "정규 표현식과 일치"를 연산자로 선택합니다.

그리고 당신은 끝났습니다!

3. 정규 표현식의 목표

경험에 대한 목표 전환을 추적하려면 전환을 기록할 페이지 URL을 지정해야 합니다. 경험 변환을 사용하면 목표 전환을 기록할 페이지의 특정 URL, 페이지 패턴 또는 정규식(regex)을 입력할 수 있습니다.

예시

웹사이트의 특정 페이지에 액세스하는 사용자 수를 확인하는 것이 목표라고 가정해 보겠습니다.

이 경우 목표 유형을 "특정 페이지 방문"으로 정의하고 전환을 기록하기 위해 사용자가 방문해야 하는 페이지 URL을 입력해야 합니다.

정규 표현식은 다음과 같습니다.

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

4. 활성 웹사이트의 정규식

Convert는 "활성 웹사이트" 설정에서 와일드카드를 지원합니다.

예를 들어 "domain.com" 아래의 모든 하위 도메인을 포함하려면 " http://*.domain.com "과 같이 "활성 도메인" 항목을 설정해야 합니다.

Regex를 사용할 때 피해야 할 일반적인 실수

URL 타겟팅에 대한 정규식을 한 번 정의한 다음 무시하는 것만으로는 충분하지 않습니다. 올바른 페이지/대상/목표가 올바른 실험에서 지속적으로 유지되도록 정기적인 정리 및 확인이 필요합니다.

다음은 지원 티켓에 자주 나타나는 주요 실수입니다.

1. 시작 및 끝 문자 포함

시작 및 끝 문자(^ 및 $)를 포함하는 경우 패턴 앞뒤에 텍스트가 포함된 URL은 일치하지 않습니다.

사용하지 마십시오.

추적 목적으로 URL에 추가되는 UTM 매개변수와 같이 URL 끝에 쿼리 ​​문자열이 포함되는 것은 매우 일반적입니다.

이에 대한 예는 다음과 같습니다.
https://www.convert.com/?utm_campaign=ads

2. 슬래시 포함

URL 끝에 슬래시(/)는 일반적으로 선택 사항입니다.

정규식 끝에 해당 문자가 포함되어 있으면 동일한 URL을 방문하지만 슬래시가 없으면 일치하지 않습니다. 마지막 슬래시 문자를 포함하지 않는 것이 좋습니다.

3. 글자수 초과

모든 정규식 타겟팅 규칙은 750자로 제한됩니다. 이 제한을 초과하면 문제를 경고하는 오류가 발생하지 않습니다(이 제한에 쉽게 도달할 수 없다고 생각하지만).

4. 같은 페이지에서 동시 실험 실행하기

동일한 페이지에서 동시에 여러 실험을 실행하려고 하면 방문자가 어떤 실험에 참여해야 하고 어떤 변경 사항을 먼저 적용해야 하는지에 대한 충돌이 발생합니다.

이 때문에 정규식 URL 타겟팅에 주의해야 합니다. 둘 이상의 A/B 테스트 타겟팅 규칙으로 동일한 페이지를 타겟팅하는 경우 충돌을 방지하기 위해 다음 지침을 사용해야 합니다.

정규식을 이해하는 데 도움이 필요하거나 Convert Experience의 URL 타겟팅에 대한 도움이 필요하시면 지원 팀이 귀하의 질문에 답변할 준비가 되어 있습니다. 앱 내 채팅을 통해 언제든지 연락할 수 있습니다. 테스트에서 자신 있게 정규식을 사용할 수 있도록 개요를 제공하고 몇 가지 예를 보여드리겠습니다!