워드프레스

구글 애널리틱스 자신의 티스토리 또는 워드프레스와 연동하기

콘파냐 2017. 5. 24. 12:06
반응형

구글 애널리틱스는 사이트에 방문하는 방문자들에 대한 데이터를 분석하는 매우 강력한 도구다. 사이트 사용자의 흐름, 나이, 연령 등에 대한 정보 부터 실시간으로 현재 방문자 수에 대한 정보를 얻을 수도 있고 사용자가 방문한 후 머문 시간, 이동 페이지 등에 대한 것들을 분석할 수도 있다.


뭐 이 밖에도 더 많은 기능들이 있지만 데이터 분석 전문가가 아니므로 실시간 사용자와 평균 체류시간 정도만 쓰게 된다.


어쨌든 이런 기능을 쓰려면 자신의 사이트에 추적코드라는 것을 심어놓아야 한다. 어려운 건 아니나 처음 하려면 감을 못잡을 수가 있어서 확실히 정리해 두려고 한다.


구글 애널리틱스 연동 설정

① 구글 계정 생성

구글 계정이 있어야 하므로 없으면 먼저 만들자.


구글 애널리틱스 페이지로 가서 구글 아이디로 로그인 

세부 과정은 간단하므로 생략


③ Google 애널리틱스 가입하기

세부 과정은 간단하므로 생략


④ 세부 설정 하고 추적ID 가져오기

붉은 박스을 적절히 채워 넣고 아래로 스크롤 해서 추적ID 가져오기를 누른다.

스크롤

...



⑤ 추적 ID 생성화면



여기까지 했다면 이제 워드프레스나 티스토리에 추적코드를 붙여넣으면 된다. 



추적 ID 또는 추적 코드를 자신의 블로그, 사이트에 넣기

  • 티스토리에 추적ID 넣는 방법1 - 플러그인으로 넣기

    티스토리 플러그인 설정에서 (관리 및 통계)를 보면 구글 애널리틱스 라는 플러그인이 있다. 여기에 추적 ID 를 복사해서 붙여 넣는 방법이 가장 손쉽다.

    하지만 이 방법을 사용하면 나중에 구글 웹마스터와 연동할 수가 없다는 단점이 있다. 따라서 웹마스터를 사용할 계획이 있다면 이 방법은 사용하지 말고 다음 방법을 사용하자.


  • 티스토리에 추적코드 넣는 방법2 - <head> 태그에 넣기

    티스토리 관리 화면에서 HTML 편집기를 열어서 다음 그림같이 추적코드를 넣으면 된다. 추적코드는 <head> 와 </head> 사이에만 넣어 주면 된다. 


  • 워드프레스에 추적코드 넣기

    워드프레스에 추적코드를 붙여넣는 방법에는 플러그인을 사용하는 방법과 워드프레스 테마에 붙여넣는 방법이 있다. 테마에 붙여넣으면 테마를 바꾸는 경우에 추적코드가 사라지게되므로 다시 설정해야하는 번거로움이 있다. 하지만 테마를 자주 바꾸지는 않을 거고 플러그인을 설치하는 것도 귀찮다면 손쉽게 테마에 붙여넣어 보자. 여기서는 플러그인을 사용하는 방법은 소개하지 않는다.



    ⒜ 현재 사용하는 테마 이름을 확인한다.


    ⒝ 워드프레스가 설치 경로/wp-content/themes/twentysixteen/header.php


    위 경로를 참고하여 현재 사용 중인 테마 디렉토리의 header.php 파일을 열어서 <body> 태그에 추적코드를 붙여넣어 준다.

    header.php

    <body <?php body_class(); ?>>

    <script>

    (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){

    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

    })(window,document,’script’,’https://www.google-analytics.com/analytics.js’,’ga’);


    ga(‘create’, ‘UA-xxxxxxxx-x’, ‘auto’);

    ga(‘send’, ‘pageview’);


    </script>


    <div id=”page” class=”site”>

    <div class=”site-inner”>


    저장한 다음 웹서버를 다시 실행시켜 준다.

설정을 마쳤으면 이제 연동된 사이트나 블로그에 방문하는 방문자에 대한 정보가 수집되고 분석된다.


이제 구글 애널리틱스 페이지로 가서 왼쪽 메뉴에 있는 실시간 -> 개요를 눌러보면 위와 같이 사이트 실시간 방문현황을 볼 수 있다. 다른 메뉴들도 천천히 살펴보자.

반응형