워드프레스에 Google 애널리틱스 추가하기

6

Google Analytics를 사용하면 사이트를 방문하는 방문자에 대한 통계를 확인할 수 있습니다. 이 서비스를 이용하려면 먼저 Google 애널리틱스에 가입하여 추적 ID를 부여받고, 추적 ID가 포함된 코드를 사이트에 추가하면 됩니다. 다음 순서에 따라 구글 애널리틱스에 가입하고 추적 ID를 워드프레스 추가하도록 합니다.

Google Analytics 가입/추적 ID 얻기

먼저 구글에 로그인하고 Google Analytics에 가입하도록 합니다.

워드프레스에 구글 애널리틱스 추가하기"가입"을 클릭하면 다음과 같이 사이트 정보를 추가하는 화면이 표시됩니다.

워드프레스에 구글 애널리틱스 추가하는 방법

정보를 입력하고 정상적으로 가입하면 추적 ID와 웹사이트 추적 코드가 표시된 화면이 나오고 코드를 사이트에 추가하는 방법이 설명되어 있습니다.

구글 애널리틱스 추적 코드

구글 애널리틱스 코드는 이 글이 처음 작성되었을 당시와 약간 달라졌습니다. 그림도 최근 버전에 맞게 변경했습니다. 새로 바뀐 코드 형식은 다음과 같습니다. 이전 형식의 추적 코드를 사용해도 잘 작동하지만 가급적 새로 바뀐 형식을 이용하면 좋을 것 같습니다.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-12345678-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-12345678-1');
</script>

구글 애널리틱스 코드를 워드프레스 추가하기

이제 위의 <script>...</script> 부분의 코드를 워드프레스에 추가해야 합니다. 추가하는 방법에는 여러 가지가 있습니다.

테마 옵션(Theme Options) 이용

간혹 테마 중에 구글 애널리틱스 코드를 추가할 수 있는 옵션을 제공하는 경우도 있습니다. 현재 사용 중인 이 워드프레스 테마에 그런 옵션이 있어서 쉽게 코드를 추가할 수 있었습니다. (이 테마는 특이하게 구글 애드센스를 비롯하여 광고를 쉽게 추가할 수 있도록 배려하고 있네요.) 다른 방법을 시도하기 전에 먼저 테마 옵션부터 살펴보시기 바랍니다. 보통 무료 테마에는 옵션에 제한되어 있지만 유료 테마의 경우 다양한 옵션이 제공됩니다.

예를 들어, 아바다 테마의 경우 Avada > Theme Options > Avanced > Code Fields (Tracking etc.)를 클릭하여 구글 애널리틱스 추적 코드를 추가할 수 있습니다.

워드프레스 아바다 테마에서 구글 애널리틱스 코드 추가하기

인기 매거진 테마인 Newspaper의 경우 Newspaper > Theme Panel > Analytics/JS Codes 섹션에서 구글 애널리틱스 추적 코드를 추가할 수 있습니다.

워드프레스 뉴스페이지 테마 - 구글 애널리틱스 코드

플러그인 사용

먼저는 관리자 페이지에서 쉽게 추가할 수 있는 방법으로 플러그인을 생각해볼 수 있습니다. Insert Headers and Footers 플러그인을 사용하여 구글 애널리틱스 코드를 워드프레스에 추가할 수 있습니다.

조금 더 복잡한 플러그인으로 Google Analytics by Yoast가 있습니다. Insert Headers and Footers 플러그인은 단순히 코드를 삽입하는 역할만 하지만 Google Analytics by Yoast를 사용하면 Google Analytics 통계를 워드프레스 대시보드 내에서 확인이 가능합니다. Google Analytics by Yoast는 무료 버전과 Premium 두 가지 버전을 제공합니다. 차이는 Custom dimensions, Adsense 추적, 연중무휴(24/7) 지원이 Premium에서 적용된다는 점입니다(여기를 참고하세요).

All in One SEO 플러그인

All in One SEO 플러그인을 사용하는 경우 All in One SEO > 일반 설정 > Google Analytics ID 란에 구글 애널리틱스 코드를 입력할 수 있습니다.

SEO 플러그인에 구글 애널리틱스 코드 추가하기

직접 코드 붙여넣기

두 번째 방법으로 직접 코드를 복사하여 워드프레스 테마 소스 파일에 추가하는 것입니다. 위의 코드를 <body> 코드 바로 아래에 추가하도록 합니다.

함수 파일에 추가하기

wp_footer 액션을 이용하여 Google Analytics 코드를 추가할 수도 있습니다. 다음과 같은 코드를 워드프레스 테마의 함수 파일(functions.php)에 복사하도록 합니다.

// 구글 애널리틱스 코드 추가하기
add_action('wp_footer', 'add_googleanalytics');
function add_googleanalytics() { ?>
<script>
// 코드
</script>
<?php
}

js 파일 Enqueue하기

위의 방법들을 사용해도 구글 애널리틱스 코드가 사이트에 제대로 추가되지 않으면 구글 애널리닉스 추적 코드를 js 파일로 저장한 다음 Enquque시켜주는 방법이 있습니다. 이 방법은 "How to Add Google Analytics Tracking Code to Your WordPress Site Without a Plugin(플러그인을 사용하지 않고 Google Analytics 추적 코드를 워드프레스 사이트에 추가하는 방법)" 글에 자세히 설명되어 있으니 참고하시기 바랍니다.

정상적으로 추가되었는지 여부는 워드프레스 블로그 페이지의 소스를 통해 확인해볼 수 있습니다.

코드를 추가한 후 12~24시간 후부터 통계를 확인할 수 있습니다.

구글 애널리틱스 추적 ID 확인하기

Google Analytics에 가입한 경우 추적 ID를 확인하려면 Google Analytics에 로그인한 후 관리 > 추적 정보 > 추적 코드를 클릭하여 확인할 수 있습니다.

Check Tracking ID - 구글 애널리틱스 추적 코드 확인하기

마치며

Google Analytics는 사이트 데이터 추적, 분석, 보고 정보를 확인하기 위한 업계 표준 방법을 제공합니다. Google Analytics를 제대로 활용하는 것이 사이트 트래픽, SEO 등을 평가하는 데 도움이 됩니다. Lynda.com에서는 Google Analytics Essential Training라는 강좌를 만들어 제공할 정도로 SEO에 중요한 역할을 합니다.

개인적으로는 주로 JetPack 통계를 통해 사이트 트래픽을 모니터링하는 정도에 거쳤습니다. 구글 애널리틱스를 이용하면 보다 광범위한 정보를 활용하여 SEO에 적용할 수 있을 것 같습니다.

참고:

6 개 댓글

  1. 구글 애널리틱스를 효과적으로 활용하는 데 관심이 있는 분은 다음 글을 참고해보시기 바랍니다.

    http://www.thewordcracker.com/miscellaneous/google-analytics/

    저는 아마존에서 킨들용 전자책을 하나 구입하여 대시보드를 구성하는 방법에 대해 조금 살펴보았습니다. 나름 잘 활용하고 있습니다.

    킨들 전자책은 스마트폰이나 태블릿, PC에서 볼 수 있습니다.

  2. 글 유용하게 잘보고갑니다.

    이상하게 다른 방법들은 잘 먹히지 않았는데,
    댓글에서 알려주신 js 파일로 enquque하는 방법으로 하니 잘 먹히더군요.

    오늘 삽질한거 경험삼아 정리해 올려 놓았습니다.

    • 안녕하세요?

      블로그를 방문해주시고 댓글까지 달아 주셔서 감사합니다.
      보통 유료테마에는 구글 애널리틱스 코드를 넣는 옵션이 있는 것 같습니다. 저는 테마 옵션을 사용하여 넣었는데요, 직접 코드를 추가하는 경우 함수 파일에 코드를 넣거나 js 파일로 enquque하는 방법을 사용할 수 있습니다.
      하지만 생각해볼 문제는 테마가 바뀔 때마다 이 작업을 해주어야 할 수 있습니다.
      보통은 테마를 변경하는 일이 별로 없어 괜찮지만 테마를 변경해도 유지되도록 하려면 별도의 플러그인을 하나 만들어 테마가 변경되더라도 코드가 유지되도록 할 수 있습니다. 관심이 있으시면 http://www.thewordcracker.com/intermediate/site-specific-plugin-in-wordpress/ 글을 참고해보시기 바랍니다. 즐거운 하루되세요^^

  3. 이외에도 조금 번거롭지만 구글 애널리틱스 스크립트를 js 파일로 저장한 후에 enquque하는 방식도 있습니다.
    http://crambler.com/how-to-add-google-analytics-tracking-code-to-your-wordpress-site-without-a-plugin/ 글을 참고해보세요.

  4. 안녕하세요, 구글 애널리틱스 가입하는 방법 좀 찾다가 들어왔습니다.

    가입하는 화면에서 정보를 넣고 추적 ID 가져오기를 누르면\
    '리소스를 사용할 수 없습니다. 다시 시도해 주십시오'
    라는 문구가 나오는데 이 경우엔 어떻게 해야 하는 건지 혹시 아시는지 궁금해 댓글 남겨 봅니다.
    • 안녕하세요?
      추적 ID는 https://analytics.google.com/analytics/web 페이지에서 "관리 > 추적 정보 > 추적 코드"에서 확인이 가능합니다.
      혹시 "관리 > 추적 정보 > 추적 코드" 페이지에 접근이 가능하신가요?

댓글 남기기

Please enter your comment!
Please enter your name here