다음 티스토리 랜딩페이지에 A/B Test 적용하기
다음 티스토리 블로그를 랜딩페이지로 활용
랜딩페이지 서비스 사용자 A/B TEST
구글 옵티마이즈를 이용한 테스트
다음에서 제공하는 블로그에 자신의 서비스 랜딩페이지를 만들었을 경우
랜딩페이지의 효율성을 높이기 위해서는 지속적인 고객 반응에 대한 적용테스트가 필요할 것입니다.
이때 사용할 수 있는 것이 A/B테스트인데요.
구글에서 제공하는 구글마케팅플랫폼 내의 구글옵티마이즈를 활용하여
A/B테스트 하는 방법에 대해 알아보겠습니다.
이전 글에서는 사이트에 A/B테스트를 하는 방법을 알아보았는데요.
<이전글 참조>
2019/01/11 - [창업_꿀맛] - 스타트업 툴 - 구글 A/B 테스트 쉽게 따라하기
2018/12/29 - [창업_꿀맛] - 쉽고 간단한 구글 A/B 테스트 사례
<A/B 테스트 결과>
<구글마케팅플랫폼 - 구글옵티마이즈 활용 A/B테스트 결과>
이번글에서는 티스토리 블로그의 특정글에 적용하는 방법을 알아보겠습니다.
일반 웹사이트에서는 A/B테스트가 절차에 따라 쉽게 가능하지만
티스토리 블로그의 경우에는 좀 까다로운 몇가지 설정을 필요로 합니다.
특히 자바스크립트의 코드삽입 위치가 가장 중요합니다.
이를 위해서는 티스토리블로그의 스킨과 글에 따로 삽입해야 작동합니다.
제한사항
사이트 전체에는 적용이 힘들었습니다.
단지 특정 글에 A/B테스트를 반영하는 것은 가능했습니다.
자! 그럼 티스토리에 A/B테스트를 해볼까요?
테스트 환경 설정
먼저 A/B테스트를 하기전에 준비해야 할 사항이 있습니다.
구글에서 제공하는 3가지 코드가 사이트에 삽입되어야 합니다.
각가의 코드에 대해서 알아보겠습니다.
1. 구글애널리틱스(계정 연결 : 애널리틱스 - 구글마케팅플랫폼)
<구글애널리틱스 추적코드 가져오기>
2. 페이지숨김 스니펫(깜빡거림 위험방지)
<페이지숨김 스니펫 태그>
3. 최적화코드(A/B테스트를 위한 코드)
<구글옵티마이즈 최적화 코드>
티스토리 코드 삽입 위치와 방법
중요한것은 이 각각의 코드 사입위치입니다.
티스토리에서 각각의 삽입 위치를 잘못넣게 되면 작동이 안되기 때문에 꼭 제위치에 삽입시켜 주세요.
1. 티스토리 > 관리 > 스킨편집 > html편집 클릭
<다음 티스토리 블로그 스킨편집>
2. 스킨편집 > 코드삽입 후 '적용'버튼 클릭
<head></head>사이에 삽입
- 구글애널리틱스 코드삽입
- 구글옵티마이즈용(A/B테스트 활용될 최적화 도구 코드)
<다음티스토리 구글애널리틱스 코드, 구글옵티마이즈 코드 삽입>
3. 티스토리 > 글목록 > 페이지 > 수정 > HTML 클릭
사이트가 위지윅에디터에서 코드로 보입니다.
이때 글 맨 상단에 삽입하시면 됩니다.
- 페이지숨김 스니펫(깜빡거림 위험방지)
<다음 티스토리 블로그 깜박거림 방지 스니펫 코드 삽입>
자 이제 자신만의 고객에 대한 실행아이디어를 짜서
다양한 방법으로 블로그의 랜딩페이지를 효과적으로 활용할 수 있도록
테스트 해보세요!
이후 A/B테스트 활용벙밥은 아래 글을 참고해 주세요
2019/01/11 - [창업_꿀맛] - 스타트업 툴 - 구글 A/B 테스트 쉽게 따라하기
2018/12/29 - [창업_꿀맛] - 쉽고 간단한 구글 A/B 테스트 사례