제목: AB 테스트 툴바에서 JS/CSS 실험하기 Freshmarketer는 실험의 모든 변형(원본 포함)에 전역적으로 JavaScript와 CSS 스타일시트를 추가할 수 있는 Experiment JS/CSS 편집기를 제공합니다. 이 가이드는 Experiment Code Editor가 어떻게 작동하는지와 그것을 어떻게 사용할 수 있는지를 이해하는 데 도움을 줄 것입니다. "Experiment Code Editor" 사용하기 Experiment Code Editor는 JavaScript나 스타일시트를 작성할 수 있는 곳으로, 모든 변형과 원본에 적용됩니다. 이 옵션은 모든 실험 변형(원본 포함)에 유사한 변경을 해야 할 때 유용합니다. Experiment Code Editor - Experiment JS (전역 JS) Freshmarketer의 Experiment JS는 원본을 포함한 모든 변형에 적용되는 JavaScript를 작성할 수 있게 해줍니다. 가장 일반적인 사용 사례는 다음과 같습니다. - Freshmarketer 실험 데이터를 분석 도구로 전송 - 사용자 정의 전환 목표 추적 - 다양한 JavaScript 변수를 정의하고 여러 변형에서 사용할 수 있는 함수를 포함 Experiment Code Editor - Experiment CSS (전역 CSS) Freshmarketer의 Experiment CSS는 원본을 포함한 모든 변형에 영향을 미치는 스타일 시트를 작성할 수 있게 해줍니다. 클래스를 정의하고 CSS 속성을 할당하여 모든 변형과 원본에 전역적으로 적용할 수 있습니다. 사용 사례는 다음과 같습니다. - 특정 요소에 색상 설정 - 특정 요소의 호버 속성 정의 - 테이블 요소에 테두리 추가 "Experiment Code Editor" 찾기 이 옵션은 오버레이된 A/B 테스트 툴바에서 찾을 수 있습니다. STEP 1: Freshmarketer의 A/B 테스트 툴바에서, 툴바 오른쪽 상단의 "<>" Experiment Code Editor를 클릭합니다. STEP 2: 페이지 하단에 나타나는 텍스트 편집기에서 기본 탭은 JS => Variation JS이며, 그 옆에 Experiment JS를 찾을 수 있습니다. 아래의 텍스트 영역에 JavaScript 코드를 입력합니다. - Variation JS: 편집 중인 변형에만 변경이 적용됩니다. - Experiment JS: 원본을 포함한 모든 변형에 변경이 적용됩니다. STEP 3: 스타일 시트를 추가하려면 CSS 탭을 클릭하고, 편집 중인 변형에만 변경을 적용하려면 "Variation CSS"를 선택하십시오. 원본을 포함한 모든 변형에 변경을 적용하려면 "Experiment CSS" 탭을 선택하고 텍스트 영역에 CSS 스타일 시트를 입력한 후 "적용"을 선택하십시오. - Variation CSS: 편집 중인 변형에만 변경이 적용됩니다. - Experiment CSS: 원본을 포함한 모든 변형에 변경이 적용됩니다. 기술 지원 찾고 있는 것이 보이지 않나요? 메일을 보내주세요. 맨 위로 돌아가기