크라우드펀딩에 필요한 정보

다음 티스토리 랜딩페이지에 A/B Test 적용하기 본문

창업_꿀맛

다음 티스토리 랜딩페이지에 A/B Test 적용하기

꿀맛_창업정보 2019. 1. 22. 06:00



다음 티스토리 블로그를 랜딩페이지로 활용

랜딩페이지 서비스 사용자 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 테스트 사례




Comments