3-1. 카페24쇼핑몰에 GA추적 코드 설치하기 (2019)

카페24쇼핑몰에 GA추적 코드 설치하기

 

카페24 쇼핑몰 솔루션에 GA추적코드를 설치하도록 하겠습니다.

우선 구글애널리틱스 계정의 UA코드를 발급(속성 > 추적코드) 받으신 후 이를 카페24 솔루션에  설치하는 방법은 두가지가 있습니다.

  1. 검색엔진 최적화(SEO) 활용하기
  2. 공통 레이아웃.html 파일 활용하기

 

1) 검색엔진 최적화(SEO) 활용하기

상점관리 > ① 운영관리 > ② 검색엔진 최적화(SEO)를 접속하신 후에 ③ 고급 설정 탭을 클릭하시어 ④ HTML 태그 소스를 입력하는 곳에 복사하신 GA추적코드를 삽입해 주시면 정상적으로 추적이 완료됩니다.

 


★ 주의:  코드삽입 후에는 꼭! 저장 버튼 눌러주셔야 완료가 됩니다.



2) 공통 레이아웃.html 파일 활용하기

관리자 접속 > [디자인 관리]

카페24(cafe24) 쇼핑몰에 구글 애널리틱스 추적코드 설치하는 과정을 살펴보겠습니다.

① 디자인 관리 > ② 쇼핑몰 디자인 수정  메뉴 버튼을 클릭합니다.   

 

스마트디자인 편집창 에서 왼쪽 상단 [전체화면보기] 탭을 클릭합니다. 그 다음 [레이아웃] > [기본 레이아웃]을 클릭해서  파일 리스트를 확인합니다.

※ 레이아웃 이란? 홈페이지 틀 이라고도 하며, 틀 안에는 해당 페이지 내용이 들어갑니다. 

즉, 공통적으로 적용되는 디자인 틀이라고 간단히 이해하시면 되겠습니다. 

카페24(cafe24)에서는 공통 레이아웃(layout.html)을  기본으로 디자인을 하므로, 이 파일에 구글 애널리틱스 추적코드를 삽입하시면 됩니다.

 

★ 주의:  디자이너마다 디자인 방식이 틀리기 때문에 다른 레이아웃 파일도 함께 쓸 수 있으니 꼭! 레이아웃 파일들을 확인 하셔야 합니다.   

 

특히, 메인페이지 레이아웃인 메인 레이아웃 (main.html)은 거의 같이 쓰이기 때문에 함께 수정해 주는 것이 좋습니다.   

공통 레이아웃 화면을 확인 하셨으면 오른쪽 html 소스 중에 “head” 태그를 찾습니다.

<head> ……. </head> 태그 안에 구글 애널리틱스 추적코드를 삽입합니다.

 

 

데이터 확인하기

구글 애널리틱스 접속하셔서 추적코드가 잘 작동하는지 확인해 보겠습니다. 구글 애널리틱스에 접속하시면 [보고] > [실시간] > [개요] 를 클릭하시면  현재 실시간 접속자를 확인하실 수 있습니다.

 

 

보고서에서 수치가 확인되면, 정상적으로 GA설치가 완료되었습니다.

간단한 설치로 웹로그 분석을 쉽게 할 수 있습니다.

 


코멘트

DA-HUB