본문 바로가기

구글 옵티마이즈(AB테스트)

[구글옵티마이즈] 1.옵티마이즈 설치 (GTAG vs GTM)

반응형

[게시글 읽기 전 확인필요]

1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다.

2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다.

 

 

 

[1]기본개념

1. 장점 및 특징

(1)비쥬얼 편집기 사용

- 개발자 도움없이 비쥬얼 편집기로웹페이지 변형하여 test가능

(물론 정말 고도화된건 개발자 도움 HTML이나 자바스크립트 적용 필요)

 

(2)여러 툴과 통합 > GA와 같은 데이터소스 사용 (GA, 구글애즈, 구글 파이어베이스 Firebase, bigquery)

 

(3)설치도 쉬운편

 

(4)맞춤설정으로 고객에게 최적화 제공

 

 

2. 옵티마이즈 기능

(1)실험유형

1)a/b테스트,

2)리디렉션테스트,

3)다변수테스트

 

(2)실험목표

1)시스템목표,  

2)GA목표,  

3)맞춤목표(사용자지정 목표),  

4)업그레이드 된 실험목표(360),

 

(3)타겟팅  

1)구글애즈 타겟팅,  

2)지역타겟팅  (IP기반 특정 도시 방문자),

3)행동타겟팅  (특정 SNS통해 유입된 방문자),

4)기술타겟팅  (특정 브라우저,운영체제,기기 방문자),

5)utm타겟팅  (UTM툴을 통하여 특정 캠페인을 통해 들어온 사용자),

6)잠재고객타겟팅 360  (애널리틱스에서 생성하는 잠재고객을 타겟팅하여 시럼페이지 표시)

그 외 여러 타겟팅이 있으며, 여러 규칙을 결합하여 더욱 구체적인 타겟팅 가능

 

 

 

[2]구글 옵티마이즈 설치방법

- GTAG로 설치 VS  GTM을 통한 설치

 

 

1. GTAG로 설치

1)구글 옵티마이즈 접속

- 접속 후 계정 만들기 클릭

2)계정 만들기 단계

- 벤치마킹은 민감하면 체크안해도 됨

3)컨테이너 만들기

4)환경 만들기

5)환경 만들기

- 테스트 환경 적용할 페이지와 유형 선택

6)GA에 연결

- 환경 만들고 밑으로 스크롤 내리면 있음

7)GA 연결 

- 속성과 보기 선택

8)스닛펫 코드 복사 > 내 사이트 <HEAD>에 넣기

>>그러면 일단 완료. 진단도 한번해주는게 좋음 (환경페이지 > 하단 설정 > 최적화 도구 설치 > 설치확인)

>>하지만 추가적으로 아래 깜빡임 방지 스닛펫 추가해줘야함 (선택이 아닌 필수로 하자!)

 

참조)이미 ga설치하면서 추적코드 설치된 상태일 경우

- 2가지 방법

1번)

- 안내보기 클릭

- 해당 코드 복사

- 내 사이트에 추가하기

(만약 기존에 gtm과 같이 설치하면서 페이지뷰 중복제외시켰으면 해당 코드부분은 삭제해야함 > 삭제안해주면 설치확인했을 때 페이지뷰 수집안된다고 뜸) (페이지뷰 중복 유지하려면 gtm으로 설치하든지 해야함. 추가 검색필요)

2번)

- https://support.google.com/optimize/answer/7513085 해당 url에 진입 > 아래 캡쳐 빨간색 코드 복사

- 내 컨테이너 id확인

- 복사한 코드 붙여넣고 > 컨테이너 id 교체 (여기서도 페이지뷰 중복 제외코드 있으면 삭제해야함)

 

 

 

 

 

 

 

9)깜빡임 방지 스닛펫

- 깜빡임 방지 스닛펫이란: 대안 미리보기 했을때 > 잠깐 깜빡이면서 원안이 보여졌다 대안으로 변경됨  > 이걸 방지하기 위한 용도

 

9-1)스닛펫 코드 복사

- URL접속 https://support.google.com/optimize/answer/7100284

- 아래 빨깐테두리 코드 복사

9-2)스닛펫 코드 붙여넣기

- 내 사이트 <HEAD>영역에 붙여넣기

- 컨테이너 ID변경해줘야함 (캡쳐에서는 OPT-PRZ785P)

 

 

>>> 최종 완료! ( 바로 바뀌지 않을수는 있음 (시간지나고 확인해보기)

 

 

 

 

 

2. GTM을 통한 설치

1)설치 방법 미리 확인

- url 접속해서 확인  https://support.google.com/optimize/answer/7513085

- 옵티마이즈 컨테이너id, 애널리틱스 추적id는 미리 준비

- 아래 2단계 11가지 순서대로 진행 (아래 진행할 예시들은 주요한 부분들 위주로 설명)

 

 

 

2)GTM접속 후 태그 새로 만들기

3)유형은 Google Optimize 선택

4)태그 구성

- 옵티마이즈 컨텐이너 id 넣기

- 애널리틱스 설정 (ga 추적 id)

- 트리거는 아무것도 넣지 말기

 

5)페이지뷰 태그 클릭

- 기존에 GA만들었던 페이지뷰 

6)고급 설정

- 고급설정 > 태그 시퀀싱 > 첫번째 실행합니다 체크 > 설정 태그에 방금 내가 만들었던 구글옵티마이즈 태그 선택

7)게시 완료!

>> 그럼 일단 완료!

 

8)깜박임 방지 스닛펫

- GTAG로 넣을때와 동일. 단, 'OPT_CONTAINER_ID'영역에 (옵티마이즈 컨테이너 ID가 아닌) 구글태그매니저 ID를 넣어줘야함.

 

 

 

 

 

 

참조: 옵티마이즈는 web밖에 안되므로 > app은 파이어베이스로 진행

 

 

 

 

 

 

반응형