[구글애널리틱스_#12] 티스토리 카테고리별로 확인하기

 

 

 

 

[구글애널리틱스_#12] 티스토리 콘텐츠 카테고리별로 확인하기

 

이 글은 콘텐츠 그룹화 코드삽입을 통해 콘텐츠를 그룹별로 확인할 수 있는 방법과 관련된 정보를 포함하고 있습니다.

 

  콘텐츠 그룹화

 

콘텐츠를 논리적인 구조로 그룹화하여 그룹 이름 별로 통합된 측정항목으로 조회, 비교, 분석하는 방법.

콘텐츠 그룹화에 대한 자세한 정보가 필요하신 분들은 [구글애널리틱스_#11] 콘텐츠 그룹화를 클릭해주세요.

 

 

---

 

 

  설정하기 앞서

 저는 티스토리 블로그를 구글애널리틱스와 연동시켜 사용하고 있습니다. 티스토리에서 제공하는 통계 정보는 간단화되어있고, 많은 정보를 제공하지 않기 때문입니다. 반면에 구글 애널리틱스를 활용해 자신의 어떤 콘텐츠가 좋은 결과를 내고있고, 어떤 카테고리의 콘텐츠가 좋은 결과를 내고 있는지 조회할 수 있습니다. 구글애널리틱스에서 기본적으로 페이지별 통계를 통해 분석에 필요한 자료는 제공하지만, 카테고리별 조회를 원하는 경우, '콘텐츠 그룹화'를 통해  수동으로 설정할 수 있습니다.

 

 티스토리와 같이 콘텐츠의 URL을 '대표 URL + /콘텐츠 ID값(숫자)'로 표시하는 웹사이트들이 많습니다. 이와 같은 경우 디렉토리 경로를 사용하는 '추출 사용' 기능을 통해 설정할 경우 데이터가 손실되거나 변형될 수 있습니다. 따라서 '추적 코드별 콘텐츠 그룹화' 기능을 통한 그룹화로 데이터 손실이나 변형을 방지할 수 있습니다.

추적코드를 활용한 콘텐츠 그룹화 설정에 있어, 플러그인에서 설정한 애널리틱스 연동을 해제해야 합니다.

그렇지 않으면 코드가 2번 반복되어, 데이터가 2번 입력되고 이탈이 0으로 나타나는 등 데이터 손실을 발생시킵니다.

---

 

 

  설정 방법

 

가장 먼저 해야 할 일은 추적 코드를 활용한 콘텐츠 그룹을 생성해주어야 합니다.

콘텐츠 그룹 생성 방법은 아래의 링크를 참고해주세요.

[구글애널리틱스_#11] 콘텐츠 그룹화

먼저 추적 코드를 통해 콘텐츠를 카테고리별로 확인을 하려면, 자신의 추적 코드를 확인해야 합니다.

확인 하는 방법은 [관리]-[속성]-[추적 정보]-[추적 코드]에서 확인하실 수 있습니다.

[관리]-[속성]-[추적 정보]-[추적 코드]-[anlytics.js]를 클릭하면 아래와 같은 형식의 코드가 나타납니다. 해당 코드를 복사해주세요.

<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-00000000-0', 'auto');

  ga('send', 'pageview');

</script>

추적 코드를 확인하셨다면, 해당 추적 코드를 각 게시글에 삽입해주어야 합니다. 이 작업은 하나씩 수작업으로 삽입해야 하기 때문에 시간이 오래 걸릴 수 있습니다. 삽입 하는 방법은 게시글 편집 에디터에서 HTML을 클릭하여 추적 코드를 복사, 붙여넣기를 통해 삽입합니다.

붙여넣은 추적 코드에서 아래와 같이 내용을 추가합니다.

<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-00000000-0', 'auto');

  ga('set','contentGroup+색인 번호 숫자', '라벨 명');   ▶  ex) ga('set','contentGroup1', 'google');

  ga('send', 'pageview');

</script>

ga('send','pageview');의 윗 부분에 삽입해주는 것이 좋습니다.

 

 24시간 후, 제대로 작동하고 있는지 확인합니다.

---

  추가 TIP

 

 추가적으로 작성하는 콘텐츠에 코드를 직접 삽입하는 번거로움을 줄이기 위해 티스토리에서 제공하는 [서식]을 활용하면 좋습니다. 서식 편집은 [블로그관리]-[콘텐츠]-[서식 관리]에서 편집할 수 있습니다.

위의 사진과 같이 카테고리에 따라 서식을 만들어두면, 새로운 콘텐츠를 작성할 때마다 그룹화되어 번거로움을 없앨 수 있습니다.

---