구글 옵티마이즈

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

태인킴 2021. 9. 4. 21:23
반응형

구글 옵티마이즈 설치 방법 썸네일
구글 옵티마이즈 설치 방법 썸네일


A/B 테스트, 다변수 테스트, 리다이렉션 테스트를 통해 나의 웹사이트, 우리 회사의 웹이트를 최적의 전환율을 만들어 내고 싶은분들 많으시죠? 구글 애널리틱스 분석을 했지만, A안 또는 B안의 UI 중에서 어떤 UI가 더 전환율이 좋은지 고민이 되실 때 사용 하실수 있는 것이 구글 옵티마이즈(Google Optimize) 입니다. 구글 옵티마이즈를 설치하는 방법을 포스팅 하겠습니다.

 

 

1. 구글 옵티마이즈(Google Optimize)

구글 옵티마이즈는 개발자 도움 없이도 웹 페이지를 변형, 실험하여 최적의 UI/UX를 찾을수 있는 도구 입니다. 웹 페이지의 레이아웃, 배너 위치, 폰트, 색상을 쉽게 변경 할수 있습니다. 구글 옵티마이저는 GA(구글 애널리틱스)와 반드시 연결을 시켜야 합니다. 그래야 구글 애널리틱스에서 분석한 특정한 잠재 고객들을 구글 옵티마이저에서 최저화 테스트를 진행 할수 있습니다.

 

 

2. 옵티마이즈 vs 옵티마이즈 360

옵티마이즈 와 옵티마이즈 360 비교 이미지
옵티마이즈 와 옵티마이즈 360 비교 이미지

구글 옵티마이즈는 옵티마이즈(무료) 와 옵티마이즈 360(유료) 두가지 버전이 있습니다. 무료 버전과 유료 버전 입니다. 큰 차이는 가장 많이 쓰는 구글 애널리틱스 잠재고객 타겟팅 기능은 무료 버전에서는 사용 할수 없고, 유료 버전인 옵티마이자 360에서만 가능 합니다. 그리고, 실험 목표 기능은 무료 버전은 변경 할수 없고, 옵티아미즈 360(유료)은 목표를 변경 할수 있습니다. 

 

 

3. 구글 옵티마이즈 설치 하는 방법

구글 옵티마이즈를 설치 하기 위해서는 2가지 방법이 있습니다. 구글 태그 매니저를 통한 방법과, 스크립트를 복사, 붙여넣기 하는 방법 입니다.

 

3-1. 구글 옵티마이즈 방문

먼저, 스크립트를 통한 설정 방법을 설명 하겠습니다. [시작하기] 버튼을 클릭해 주세요.

구글 옵티마이즈 첫 화면
구글 옵티마이즈 첫 화면

 

3-2. 컨테이너 설정

[환경] 탭이 아닌, [활동] 탭을 클릭하고, 오른쪽에 [설정]을 클릭해 주세요.

활동 - 설정 클릭 화면
활동 - 설정 클릭 화면

 

3-3. 컨테이너 설정2

[측정] 에서 연결시킬 구글 애널리틱스를 선택 해주세요. 그리고, 밑에 스크립트(script) 코드를 복사 해주세요. 이 복사한 스크립트 코드를 우리의 웹사이트 또는 블로그에 <HEAD> </HEAD> 코드 사이에 붙여넣기 해주세요. <HEAD> 안에서도 최대한 위쪽에 배치 시켜주세요.

옵티마이즈 스크립트 복사 화면
옵티마이즈 스크립트 복사 화면

 

3-4. 크롬 확장 프로그램 설치

[크롬 확장 프로그램] 을 설치를 진행해주세요. 이 프로그램은 크롬상에서 코딩을 하지 않고, 간편하게 웹 페이지 UI/UX를 변형 시킬수 있는 프로그램 입니다.

크롬 확장 프로그램 설치 화면
크롬 확장 프로그램 설치 화면

 

3-5. 구글 태그 매니저를 통한 설치 방법

위와 같이 스크립트를 <HEAD> 코드에 삽입 했다면, 구글 태그 매니저로 설치 하지 않으셔도 됩니다. 만약, 위와 같은 방법이 복잡하고, 태그 매니저가 익숙하신 분들은 이 방법대로 해주세요. 태그 매니저 사용법은 이곳에 잘 정리해 두었습니다. 아래 그림과 같이 구글 태그 매니저에서 [새 태그 추가] 버튼을 클릭하여 새 태그를 만들어 주는데, 태그 유형을 자세히 보시면, 구글 옵티마이즈(Google Optimize)를 찾을수 있습니다. 이것을 클릭해 주세요.

구글 태그 매니저를 이용하여, 구글 옵티마이즈 연동하는 화면

 

3-6. 태그 구성 설정

태그 구성 시, [컨테이너 ID]는 위에서 옵티마이즈 컨테이너 ID를 복사해서 넣어주시면 됩니다. [Google 애널리틱스 설정]은 연결하고 싶은 구글 애널리틱스를 연결 시켜주시면 됩니다. 그리고 트리거는 [All Pages]를 선택하여 주시고, 태그 [저장], 태그 매니저 에서 [제출]을 해주시면, 위에서 스크립트를 복사/붙여넣기 하지 않으셔도, 설정 하실수 있습니다.

구글 태그 매니저에서 옵티마이즈 태그 구성 하는 화면
구글 태그 매니저에서 옵티마이즈 태그 구성 하는 화면

 

이 글이 도움이 되었다면, 좋아요를 눌러주세요. 주변에 이 정보가 필요한 사람이 있다면, 공유해주세요.

▶[구글 옵티마이즈 사용법 1] A/B 테스트 기획하는 법

 

[구글 옵티마이즈 사용법 1] A/B 테스트 기획하는법

막상 A/B 테스트를 진행하기 위해서는 무엇을 어떻게 진행해야 하는지 막막할 경우가 많습니다. 구글 옵티마이즈는 A/B 테스트, 다변수 테스트를 진행 할수 있는 툴 입니다. 그런데 무작정 툴을

coding-food-court.tistory.com

▶[구글 태그 매니저 사용법1] 구글 태그 매니저 정의 및 구성요소는??

 

[구글 태그 매니저 사용법1] 구글 태그 매니저 정의 및 구성요소

GMP(Google Marketing Platform) 생태계 1. GA(Google Analytics) GA는 웹이는 앱의 데이터를 분석을 하는 솔루션 2. Data Studio 데이터 시각화 하기 위한 솔루션 3. GTM(Google Tag Manger) 데이터를 수집 하기..

coding-food-court.tistory.com

반응형