GA 계정 생성과 스크립트 설치하기

 

 

이번 포스팅에서는 구글 애널리틱스를 시작하는 첫 번째 단계로 계정을 생성하고, 새로 발급된 추적코드를 웹사이트에 설치하는 방법을 알아보도록 하겠습니다.

 

 

구글 애널리틱스 계정 생성하기

 

구글 애널리틱스 계정을 만들려면 우선 구글 계정이 있어야 합니다. 지메일은 자동으로 구글 계정에 속하며 네이버나 한메일, 기타 회사 이메일 주소도 구글 계정으로 등록하여 사용 가능합니다.

먼저 구글 웹로그 분석 사이트(www.google.com/analytics)에 방문합니다.

 

<GA 계정 만들기>

화면에서 우측 상단 ‘계정 만들기’ 버튼을 클릭합니다.

 

<GA 계정 만들기>

이어지는 화면에서 우측의 ‘가입’ 버튼을 클릭합니다.

 

<GA 계정 만들기 – 계정 정보 입력>

추적 대상으로 웹사이트(혹은 모바일 앱)를 선택하고 각 필드 항목에 해당 업체에 맞도록 계정 정보를 입력합니다.

  • 계정 이름 : ‘회사 이름’ 입력
  • 웹사이트 이름 : ‘웹사이트 이름’ 입력
  • 웹사이트 URL : ‘웹사이트 URL’ 주소 입력
  • 업종 카테고리 : 업종 목록에서 해당 업종 선택
  • 보고서 시간대 : 미국 → 대한민국 변경 선택

 

<GA 계정 만들기 – 공유 설정>

이어지는 하단 화면에서 데이터 공유 설정을 디폴트 값으로 모두 선택된 상태 그대로 둔 후 좌측 하단 ‘추적 ID 가져오기’ 버튼을 클릭하면 애널리틱스 서비스 약관 계약 창이 새로 뜹니다.

 

<GA 계정 만들기 – 약관 동의>

약관 창 좌측 상단 드롭다운 메뉴에서 국가를 대한민국으로 선택한 후 ‘동의함’ 버튼을 클릭하면 계정 생성이 완료됩니다.

 

<GA 계정 만들기>

GA 계정 생성이 완료된 후 보이는 첫 화면입니다. 추적코드(Google Analytics Tracking Code, GATC)를 확인할 수 있습니다.

구글 애널리틱스의 계정 구조는 상위 레벨에서부터 아래로 ‘계정 – 속성 – 보기’의 3단계로 구성되어 있으며 이 중 속성 단위에서 추적코드가 발급됩니다. 이 추적코드는 고유한 추적 ID를 담고 있으며 자바 스크립트 코드로 되어 있습니다.

 

 

구글 애널리틱스 추적코드 설치하기

 

흔히 태그라고도 부르는 GA 추적코드를 1) 웹사이트 내 모든 페이지에서 실행되도록 2) 헤드(head) 부분에 심어 놓으면, 사용자가 웹사이트를 방문할 때마다 이 태그가 실행되면서 방문자 데이터를 수집하여 GA 서버로 전송하게 됩니다.

실제로 구글 애널리틱스 스크립트를 여러분이 운영하는 웹사이트에 설치하는 구체적인 방법은 웹사이트가 어떤 솔루션(예: 카페24, 메이크샵, 고도몰 등 임대형 쇼핑몰, 워드프레스, 그누보드, 홈페이지요리사 등의 솔루션, 기타 자체제작)으로 제작되었는지에 따라 조금씩 방법이 다릅니다.

하지만 기본 원칙은 웹사이트 관리자 메뉴의 디자인 편집 기능을 사용하거나 FTP 접속을 통해 홈페이지 소스 코드의 헤드 부분에 GA 추적코드를 추가하면 됩니다. HTML, CSS, 자바스크립트 등 개발 언어에 대한 지식이 전혀 없어 위 설명이 이해가 안된다면 주변에 개발자분을 찾아 부탁할 것을 권합니다.

 

GA 스크립트 설치 예시1) 카페24

<스크립트 삽입 예시 – 카페24>

 

GA 스크립트 설치 예시2) 워드프레스

<스크립트 삽입 예시1 – 워드프레스>

 

솔루션별(카페24, 고도몰, 메이크샵, 워드프레스) 자세한 스크립트 설치 방법은 아래 링크를 참조하세요.

참조링크: http://www.i-boss.co.kr/ab-3208-119

* GA 스크립트 설치가이드이지만 페이스북의 공통픽셀, 애드워즈의 리마케팅 스크립트, 네이버 검색광고 공통 스크립트 등 모든 페이지에 적용하는 광고성과 측정용 스크립트도 동일한 방식, 위치에 설치 가능합니다.

 

추적코드 설치시 주의할 점은 웹사이트 내 모든 페이지에서 태그가 실행될 수 있도록 해야합니다. GA를 포함한 웹분석에서는 사용자가 우리 웹사이트를 방문한 시점부터 웹사이트를 떠나는 시점까지의 모든 행동 데이터를 수집해서 분석하기 때문입니다. 또한 모바일 웹사이트를 별도로 운영하는 경우, 모바일 페이지에도 스크립트를 설치하여 모바일 트래픽 데이터가 누락되지 않도록 합니다. 카페24, 고도몰, 메이크샵 등의 주요 임대형 쇼핑몰의 경우 모두 모바일 페이지가 별도로 존재합니다.

최종적으로 스크립트가 제대로 삽입되었는지는 실시간 보고서를 통해 쉽게 확인할 수 있습니다. GA 추적코드가 심어져 있는 웹사이트에 방문을 하게 되면 아래 화면에서와 같이 구글 애널리틱스 실시간 보고서를 통해 실시간 유입 현황을 파악할 수 있습니다.

 

<GA 계정 만들기 – 실시간 확인>

 

 

추적코드 설치 관련 FAQ

 

질문1. 스크립트가 모든 페이지에서 실행되도록 심어야 한다고 했는데, 왜 그래야 하나요?

구글 애널리틱스는 웹사이트 방문자의 데이터를 수집해서 분석합니다. 사용자가 웹사이트에 도착한 시점을 시작으로 웹사이트를 이용하고 떠나는 시점까지의 이동 경로 등 추적 가능한 모든 데이터를 수집해서 활용합니다.

기본적으로 특정한 페이지가 조회될 때 페이지에 추가된 추적코드가 실행되면서 다양한 정보를 수집하여 GA 서버로 전송하게 되기 때문에, 모든 페이지에 추적코드를 심어 놓아야 이들 정보를 놓치지 않고 수집할 수 있습니다.

 

질문2. 그렇다면 스크립트를 웹사이트 모든 페이지에 일일이 심어야 하나요?

그렇지는 않습니다. 추적코드가 모든 페이지에서 실행되도록 하는 게 스크립트를 모든 페이지에 일일이 추가하는 것을 의미하는 건 아닙니다.

대부분의 웹사이트는 템플릿 구조로 되어 있으며 헤더(header) 혹은 푸터(footer)라고 하여 웹사이트 내 (거의) 모든 페이지에서 동일하게, 반복적으로 실행되는 영역이 존재합니다. 헤더 혹은 푸터라는 하나의 파일을 만든 후 어떤 페이지가 조회되더라도 이 파일을 불러와 보여주는 구조입니다. 따라서보통은 GA 스크립트를 복사, 붙여넣기하여 이 영역에 한 번만 추가하면 모든 페이지에서 스크립트가 실행됩니다.

 

질문3. 추적코드를 헤드 영역에 심으라고 했는데, 꼭 그래야 하나요? 웹사이트 속도에 영향을 미치지는 않나요?

스크립트를 반드시 헤드 영역에 심어야 하는 건 아닙니다. 사실 어느 위치에 추가하건 데이터를 수집하는 데 크게 무리가 없습니다.

다만 헤드 영역을 권장하는 이유는 좀 더 정확한 데이터를 수집하기 위해서 입니다. 방문자가 특정한 웹페이지에 도착하면 페이지는 위에서부터 아래 방향으로 순차적으로 읽히며 표시됩니다. 따라서 스크립트가 상단에 있으면 그만큼 빨리 하단에 있으면 그만큼 늦게 실행됩니다.

어떤 사용자는 우리 웹사이트에 도착해서 페이지가 다 열리기 전에 떠날 수도 있는데요, 이 때 헤드 영역에 추적코드가 심어져 있다면 사용자가 방문해서 바로 떠났다는 정보를 수집할 수도 있습니다. 하지만 하단 영역에 있다면 스크립트가 실행되기도 전에 방문자가 떠났기에, 방문 사실 자체를 알 수가 없습니다.

속도와 관련하여 GA 스크립트는 2009년 말 이래로 비동기식(asynchronous) 방식(참조: https://ko.wikipedia.org/wiki/비동기_입출력)을 사용하기에 웹사이트 속도에 미치는 영향은 거의 없다고 합니다. 태그 삽입 위치 등에 대해 좀 더 자세한 내용은 아래 글(영문)을 참조하시기 바랍니다.

참조: https://www.lunametrics.com/blog/2012/02/09/where-put-google-tracking-code/

 

질문4. 하나의 웹사이트에 두 개의 추적코드를 심어도 되나요?

네, 가능합니다. 하나의 웹페이지에 다수의 추적코드를 추가하여 데이터를 수집할 수 있습니다.

하지만 어떤 태그(글로벌 사이트 태그 vs 유니버설 애널리틱스 태그)를 사용하느냐에 따라 설정 방법에 약간이 차이가 있습니다. 최근에 도입된 글로벌 사이트 태그(Global Site Tag, gtag.js) 방식에서는 비교적 간단하게 설정(참조: https://developers.google.com/analytics/devguides/collection/gtagjs/sending-data)이 가능합니다.

반면 기존의 유니버설 애널리틱스 태그(Universal Analytics, analytics.js) 방식에서는 각각의 속성을 지정하는 별도의 설정(참조: https://developers.google.com/analytics/devguides/collection/analyticsjs/creating-trackers)이 필요합니다.

 

질문5. 여러 개의 웹사이트를 운영하고 있는데요, 데이터를 통합하여 분석하고자 합니다. 하나의 추적코드를 다수의 웹사이트에 심어 하나의 속성에서 데이터를 분석하면 될까요?

결론부터 말하자면 좋은 방법은 아닙니다. 웹사이트별로 추적코드를 각각 적용하는 게 좋습니다.

GA 계정을 만들면 기본 값으로 속성(Property) 하나에 보기(View) 하나가 생성되며, 속성 단위에서 추적코드가 발급됩니다. 이 추적코드를 통해 데이터를 수집, 분석하기에 속성이 하나의 분석 단위가 되는데요, 일반적으로 개별 웹사이별로 하나의 추적코드를 적용합니다. 따라서 여러 개 웹사이트를 운영한다면 웹사이트별로 각각의 속성을 생성(스크립트 발급)하여 적용하는 게 정석에 해당합니다.

일부 웹사이트는 필요에 따라 서브 도메인 주소를 갖는 사이트를 운영하는데요, 이 경우 GA에서 서브 도메인은 동일한 사이트로 간주되기에 하나의 속성(스크립트)을 적용하면 됩니다.

 

* 표시가 있는 항목은 필수 입력란입니다.

 

국내 대표적인 온라인마케팅 커뮤니티/매체인 아이보스에서 구글 애널리틱스(GA) 강의를 진행하고 있습니다. 커리큘럼 등 자세한 사항은 아래 링크를 참조하세요.

– GA 실무과정(평일): http://www.i-boss.co.kr/ab-goods-236

– GA 실무과정(주말): http://www.i-boss.co.kr/ab-goods-267

– GA 유료스터디: https://www.i-boss.co.kr/ab-7009

 

[GA기본] 2. 구글애널리틱스 계정을 생성하고 추적코드 설치하는 법

[GA기본] 2. 구글애널리틱스 계정을 생성하고 추적코드 설치하는 법”에 대한 20개의 생각

  • 2019년 5월 16일 11:25 오전
    고유주소

    하나의 사이트를 모바일웹, pc로 운영하고 있는데요, 같은 ga코드를 모바일웹, pc 둘다에 삽입하면 되는건가요???

    응답
    • 2019년 5월 20일 4:39 오후
      고유주소

      네, 맞습니다. 그러면 하나의 보기에서 PC 및 모바일웹 트래픽을 합쳐서 볼 수 있습니다. 물론 별도의 보기를 추가한 후 기기 카테고리 필터를 적용하면 각각의 트래픽을 나눠서 볼 수 있습니다.

      응답
  • 2019년 6월 20일 7:13 오후
    고유주소

    윗분과 비슷한 질문입니다만 혹시 몰라 한번 더 여쭈어봅니다.
    PC와 모바일이 반응형이 아니라 각각 개발된 상태인데요,
    그렇더라도 같은 코드를 삽입하고 하나의 속성으로 만든 다음에 보기에서 나누어 보는 것이 가능한지요? 그리고 그렇게 하기를 권장하시는지요?

    감사합니다.

    응답
    • 2019년 6월 21일 6:13 오후
      고유주소

      안녕하세요. PC와 모바일 각 페이지(소스)에 하나의 코드를 삽입하고 기기별로 보기에서 나누어 보는 게 가능합니다.(전체 보기에서 기기 카테고리 측정기준이나 세그먼트를 사용하여 구분하는 것도 가능합니다. 또한 적극 권장하는 방법입니다.

      기기별로 다른 추적코드를 적용하는 경우 합계 데이터를 볼 수 없다는 게 매우 큰 단점입니다. 또한 USER-ID 설정을 통한 교차기기 유입 분석도 어렵습니다. 감사합니다.

      응답
    • 2019년 7월 15일 11:48 오후
      고유주소

      안녕하세요. 댓글 감사합니다!

      응답
  • 2019년 7월 24일 1:49 오후
    고유주소

    구글 애널리틱스를 웹페이지에 적용시켜서 웹페이지 내에서 애널리틱스의 대쉬보드 화면을 구현할수있나요? 있다면 방법이 무엇인가요?

    응답
    • 2019년 7월 24일 3:27 오후
      고유주소

      안녕하세요. 가능합니다. 제가 아는 방법은 두 가지인데요, 하나는 구글 스프레드시트 Add-on 기능을 통해 GA를 데이터를 스프레드시트로 가져와 대시보드를 만든 후 이를 다시 웹페이지로 가져오는 것이고, 또 하나는 구글 데이터 스튜디오에서 GA 대시보드를 만든 후 이를 웹페이지로 가져오는 방법입니다. 후자를 추천하구요, 더 좋은 다른 방법이 있는지는 잘 모르겠네요.

      참조
      1. 데이터스튜디오 활용: https://www.youtube.com/watch?v=AGAjHrZNJEk
      2. 스프레드시트 활용: https://www.youtube.com/watch?v=N_Ok0rJwj2U

      응답
  • 2019년 11월 20일 10:32 오전
    고유주소

    안녕하세요.
    구글 애널리틱스 속성 기본 URL은 1)https:// abc.website.com 으로 되어 있는데요.
    속성 기본 url에 해당하는 추적 코드는 1) https://abc.website.com 이 아닌 2) m.website.com/abc에 심어져 있다면
    이 속성에 쌓인 데이터는 1)번과 2)번 중 어떤 데이터를 추적하고 있다고 봐야 할까요..?

    속성 설정의 기본 URL이 아닌 추적코드가 심어진 페이지의 데이터를 쌓는 것인지,
    아니면 속성 설정의 기본 URL의 데이터를 쌓는것인지 궁금합니다.

    응답
    • 2019년 11월 22일 12:17 오전
      고유주소

      안녕하세요. 등록된 URL이 아닌 추적 코드가 심어진 사이트 즉 2)번 모바일 사이트의 방문자 데이터가 수집됩니다.

      응답
  • 2019년 11월 26일 5:13 오후
    고유주소

    안녕하세요~ 덕분에 잘 배우고 있습니다! 정말 감사합니다.

    다름이 아니라 글을 읽다가 궁금한 점이 있어 댓글을 남기게 되었습니다.
    아직 이해가 부족해 생기는 질의사항으로 혹여나 이상하더라도 양해부탁드립니다~~^^

    1. 처음 GA계정 가입 시 웹사이트/모바일앱을 선택하게 되어있는데
    웹사이트/ 모바일앱(모바일웹+모바일앱:하이브리드방식) 둘 다 운영시에는 둘중 아무거나 선택해서 가입해도 무방한지 궁금합니다.

    2. 웹사이트/모바일앱(모바일웹+모바일앱 :하이브리드방식) 운영시에는 속성 별도로 나눌필요없이 하나의 동일한 추적코드를 각각 심으면 되는 것이 맞는지 문의 드립니다. 서브 도메인은 하나의 속성으로 운영하면 된다고 하셨는데 웹사이트와 모바일 앱은 별도 사이트가 아닌 서브 도메인으로 이해하면 되는지 궁금합니다.

    답변 부탁드립니다. 감사합니다.

    응답
    • 2019년 11월 26일 8:56 오후
      고유주소

      안녕하세요. 기본적으로 웹사이트(PC웹+모바일웹)와 모바일앱 유입은 각각의 속성을 만들어 별도로 운영합니다. 웹사이트의 경우 자바스크립트 코드로 된 추적코드를 적용하며, 앱의 경우 파이어베이스 SDK를 적용합니다. 하이브리드 앱의 경우 네이티브 앱 영역과 웹 페이지를 보여주는 웹뷰 영역으로 구분되는데요, 웹사이트용 추적코드 적용 시 웹뷰 영역 추적이 가능하지만, 네이티브 앱 영역 추적은 안됩니다.

      일단 속성은 웹사이트용 속성을 선택해서 적용하되, 하이브리드 앱의 네이티브 영역을 추적하고자 하면 파이어베이스 SDK를 별도로 발급받아 앱에 적용하시면 됩니다.

      웹 설정: https://support.google.com/analytics/topic/1726910?hl=ko&ref_topic=3544906
      모바일 앱 설정: https://support.google.com/analytics/topic/2587085?hl=ko&ref_topic=3544906

      응답
  • 2019년 12월 3일 4:55 오후
    고유주소

    안녕하세요~ 덕분에 GA 세팅에 많은 도움 되었습니다^^
    한가지 질문 있어 문의드립니다.
    제가 운영하고 있는 쇼핑몰 같은 경우에는 고도몰 템플릿을 통해 제작된 홈페이지기 때문에 모바일 웹페이지(http://m.website.co.kr/)와 일반 웹페이지(http://www.website.co.kr/)의 URL 주소가 다릅니다.
    이때 디폴트URL을 일반 웹페이지 경로(http://www.website.co.kr/)로 설정하는 경우 모바일 웹페이지 트래킹이 정상적으로 일어나는지,
    목표 설정에서 Destination을 “Begins with”으로 설정하고 “/order”등을 삽입했을때 정확히 목표값을 산정할수 있는지 궁금합니다.
    답변 부탁드립니다. 감사합니다:)

    응답
    • 2019년 12월 7일 10:06 오전
      고유주소

      안녕하세요. 문의주신 내용과 같이 웹사이트 주소가 다른 때(wwww.website… vs m.website…), 보통 서브(하위)도메인이 다르다고 하는데요, 구글 애널리틱스에서는 이러한 서브도메인을 기본(상위)도메인과 같은 도메인으로 간주하며, 동일한 추적코드를 양쪽에 넣었을 때 양쪽 데이터 모두 정상적으로 추적이 됩니다. 그리고 디폴트 URL을 일반 웹페이지 경로로 입력해도 모바일 데이터가 누락되지는 않습니다. 하지만 앞 부분을 뺀 기본도메인(website.co.kr)만을 입력하면 좀 더 정확합니다.

      GA에서 목표를 설정할 때는 도메인 이름이 생략된 상세경로(Page path)로 표시되는 페이지 주소를 사용합니다. 따라서 기본적으로는 서브도메인 주소의 영향을 받지 않습니다. 하지만 문의주신 고도몰의 경우 제가 알기로는 PC웹과 모바일웹 페이지의 주소 표시 체계가 다르기 때문에 그에 맞게 조건을 입력해야 합니다. 예를 들어, 주문완료 페이지 주소가 모바일은 /m2/ord/order_end.php?ordno=1234…, 데스크탑은 /shop/order/order_end.php?ordno=1234…와 같이 표시되는 경우 결제 시마다 달라지는 주문번호가 뒤에 포함되어 ‘같음’ 조건을 사용할 수 없는 한편, 모바일과 데스크탑 페이지의 시작 부분도 서로 다르기에 ‘시작값’ 조건도 사용할 수 없습니다. 이 경우 ‘정규식’ 조건을 사용해야 깔끔하게 목표를 설정할 수 있습니다. 또는 차선책으로 모바일과 데스크탑을 나눠서 목표를 설정해야 합니다.

      참조(목표전환 설정하기): http://analyticsmarketing.co.kr/digital-analytics/google-analytics-basics/2411/

      응답
  • 2019년 12월 6일 4:01 오전
    고유주소

    안녕하세요, 구글 검색 광고를 미국에서 대행사 통해서 처음 진행하고 있습니다. 그런데, 매일매일 현황을 보고 싶은데, 어카운트를 공유해주질 않네요. 어카운트에 접속할 수 있게 해달라고 하니, 저보고 직접 구글 애널리틱스를 다운로드해서 보라고 합니다. 이미 tracking tag는 웹사이트에 심었는데요, 도대체 이런 경우는 제가 어떻게 해야 하는지요? 기존 tag를 이용해서 제가 별도로 구글 애널리틱스를 통해 동일한 통계를 볼 수 있는 건가요? 한국말도 어려운데.. 영어로는 더 이해가 안 되네요… 흑흑 도와주세요.

    응답
    • 2019년 12월 7일 10:21 오전
      고유주소

      안녕하세요. 미국 대행사에서 어카운트 공유를 해주지 않는다고 하셨는데, 구글애즈와 구글애널리틱스 중 어떤 계정을 의미하나요? 대행사에서 직접 애널리틱스를 다운로드해서 보라고 했다면 대행사의 GA 계정을 공유할 수 없으니 별도의 GA 추적코드를 웹사이트에 심어서 이 데이터를 사용하라고 하는 듯하네요. 우선 하나의 웹사이트에 여러 개의 추적코드(데이터를 수집해서 분석하는 개별 단위)를 심을 수 있으니, GA 계정(추적코드)을 하나 생성해서 만들어서 적용하면 그 이후부터 수집된 데이터 확인이 가능합니다.

      질문에서 “이미 tracking tag”는 웹사이트에 심었다고 하셨는데요, 그렇다면 해당 계정에서 실시간 데이터를 포함하여 수집된 데이터를 보면 됩니다. 다만 미국 대행사에서 진행하는 구글 검색광고의 데이터만을 구분해서 보려면, 소스/매체를 구분해서 봐야하겠네요.

      응답
  • 2020년 1월 8일 3:22 오후
    고유주소

    좋은 정보 감사합니다. 주제에 벗어난 질문이지만 하나 여쭙고 싶은데, 본문과 같이 워드프레스 관리자페이지에서 php설정하는 것은 플러그인으로 하신건가요?

    응답
    • 2020년 1월 10일 2:11 오후
      고유주소

      안녕하세요. ‘워드프레스 관리자 페이지에서 php 설정’한다는 의미를 모르겠습니다만, GA 또는 GTM 플러그를 사용하지 않고 GTM 컨테이너 태그를 직접 심어서 운영하고 있습니다.

      응답
  • 2020년 1월 10일 12:32 오후
    고유주소

    좋은 글 감사합니다. 글 전체적인 내용이나 구성 및 설명하시는 방법이 엄청 친절하고 내공이 많이 높으신거 같습니다.
    요새는 SPA 형태의 웹이 늘고 있는데,
    Angular 에서 Google Analytics 를 사용하기 위한 팁 등은 혹시 작성 계획이 있으신지 궁금합니다.

    응답
    • 2020년 1월 10일 2:20 오후
      고유주소

      안녕하세요. 칭찬의 말씀 감사합니다. Angular 등 SPA 형태의 웹 작업은 아직 몇몇 단편적인 경험밖에 없습니다. 포스팅 작성 계획은 아직 없습니다.

      응답

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

error: Content is protected !!