[시작하기 3단계] 추적코드 설치하기 - 카페24 (cafe24) 편 - 디에이허브 구글애널리틱스 GA 기초과정

[시작하기 3단계] 추적코드 설치하기 - 카페24 (cafe24) 편


2016-10-05

쇼핑몰 전문솔루션 카페24(cafe24)에 구글 애널리틱스 추적코드를 설치해 보겠습니다.   

 

이전 라이브러리에서 구글 애널리틱스 계정 만들기를 통해 계정생성을 완료하신 분들은 이 라이브러리를 살펴보시고 아직 계정 생성을 못하신 분들은 아래 링크를 통해 계정생성을 먼저 해보시는것을 추천드립니다.

 

그럼, 지금부터 카페24(cafe24) 쇼핑몰에 구글 애널리틱스 추적코드 설치하는 과정을 알려드리겠습니다.  

 

먼저, 운영중이신 카페24 쇼핑몰에 로그인을 하시고 쇼핑몰 관리자 화면으로 이동합니다.  

 

[디자인 관리] > [쇼핑몰 디자인 수정] 메뉴를 클릭합니다.   

 

 

 

카페24 쇼핑몰 구글애널리틱스 추적코드 삽입

 

 

 

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

 

 

 

카페24 쇼핑몰 구글애널리틱스 추적코드 삽입

 

 

 

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

 

즉, 공통적으로 적용되는 디자인 틀이라고 생각하시면 됩니다.  

 

카페24(cafe24)에서는 공통 레이아웃(layout.html)을  기본으로 디자인을 합니다.   

 

이 파일에 구글 애널리틱스 추적코드를 삽입하시면 됩니다.  

 

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

 

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


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


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


추적코드는 이전 라이브러리에서 설명드렸듯이 구글 애널리틱스에서 [관리] > [추적 정보] > [추적 코드] 에서 확인하실 수 있습니다.   


아래 화면은 공통 레이아웃(layout.html) 의 소스 중 일부를 캡쳐하였습니다.  


디자인코드 상황에 따라 약간씩 틀리니 참고 바랍니다.



  

 카페24 쇼핑몰 구글애널리틱스 추적코드 삽입   




성공적으로 구글 애널리틱스 추적코드 설치가 완료되었습니다.  


그럼 이제,  구글 애널리틱스 접속하셔서 추적코드가 잘 작동하는지 확인해 보겠습니다.  


구글 애널리틱스에 접속하시면 [보고] > [실시간] > [개요] 를 클릭하시면  현재 실시간 접속자를 확인하실 수 있습니다. 




  카페24 쇼핑몰 구글애널리틱스 추적코드 삽입 

3

추천하기

0

반대하기
  • 페이스북 공유
  • 트위터 공유
  • 밴드 공유
  • Google+ 공유
  • 인쇄하기
마스터김

추천하기0반대하기0댓글등록

잘 보고 갑니다~

다비

추천하기0반대하기0댓글등록

안녕하세요, 잘 읽었습니다.
저 궁금한 점이 한가지 있어서 문의드립니다.
지금 이 코드를 심으면 전에 내역까지 모두 조회해 볼 수 있는것인지가 궁금합니다.
다는 시점부터를 조회하는 것이겠죠...?

    로그인 후 많은 혜택을 받으세요.
    GA 기초과정 >

    학습진도

    구글플러스

    대표전화 : 02-715-0715 | 이메일 : da-hub@da-hub.net   |  주식회사 디에이허브 | 대표 : 한지현 | 주소 : 서울특별시 용산구 원효로 153 원효빌딩 8층 802호
    사업자번호 : 825-81-00505 | 법인번호 : 110111-6124153  |  Copyrights (c) 2016 DA-HUB co.ltd. All Rights Reserved.