구글 애널리틱스 : GTM 설치 및 페이지 뷰 전송
GA
구글 태그매니저를 이용해 GA설치 방법과 페이지뷰 전송하는 방법을 알아보려 합니다.
일단 유니버셜 애널리틱스 계정과 GTM 계정 그리고 실습용으로 T스토리계정을 이용해 한번 알아보도록 하겠습니다.
GTM에 대한 이해와 가입방법은 아래 링크를 통해 봐주시면 되겠습니다.
1. 구글 태그 매니저 설치 코드
먼저 계정 생성을 하였다면 코드를 확인해 주도록 하겠습니다.
우측 상단 계정 아이디를 클릭해 구글 태그 관리자 스피넷을 확인해 줍니다.
첫 번째 코드는 <head> 아래 코드삽입 두 번째 코드는 <body> 아래 삽입해주어야 하니 복사해두도록 합니다.
2. T스토리 코드 삽입
아래 T스토리 관리자로 들어가 스킨 편집 > html 편집으로 들어가 줍니다.
이제 구글 태그 매니저에서 복사해두었던 코드를 하나씩 삽입해 주도록 합니다.
삽입 후 적용을 눌러주시면 구글 태그 매니저가 설치가 끝이 납니다.
3. GA 추적 ID 확인
추적아이디를 복사를 해두도록 하겠습니다. 구글 태그매니저 변수를 만들때 필요 합니다.
4. 구글 태그 매니저 태그 생성
우측 메뉴에 태그로 들어가 태그 만들기로 만들어도 되고 메인에 새 태그 추가로 태그를 만들어도 됩니다.
이제 어디로 데이터를 보낼지 태그를 지정해 주도록 합니다. GA로 데이터를 보내기로 했으니 유니버셜 애널리틱스를 선택해 주었습니다. 여러 태그 유형들이 많이 있으니 한번 보면 좋습니다.
5. 새 변수 생성
처음 추적 ID를 확인하고 복사한 추적ID를 입력후 저장해주도록 합니다.
6. 트리거 생성
태그에는 하나의 트리거가 꼭 들어가야 합니다. 트리거가 없는 태그는 작동이 안되니 이점 알고 계셔야 합니다. 트리거는 방아쇠 역할로서 어느시점에 데이터 보낼지에 대한 설정 입니다.
트리거 선택을 All Pages로 설정 후 저장 해주도록 합니다.
7. 미리보기
구글 태그 매니저의 미리보기기능은 생성했던 태그,트리거,변수를 작동이 되는지 오류가 없는지 미리 확인이 가능한 좋은 기능입니다.
우측 상단 미리보기를 통해 데이터 전송이 잘되는지 확인이 가능합니다.
미리보기를 누르면 아래와 같이 창이 나옵니다. 그럼 T스토리 URL을 입력후 Connect를 클릭해 줍니다.
클릭하면 T스토리 창과 미리보기 창이 두가지 뜹니다. 미리보기 창을 보고 방금 만들었던 태그 GA-pageview가 Fired되면 잘 작동이 되어 데이터가 전송이 된다는 뜻입니다.
8. 제출
이제 미리보기로 확인도 했으면 적용을 시켜야 합니다. 우측 상단 미리보기 바로 옆에 제출을 눌러 적용을 시켜주도록 하겠습니다.
제출시 버전이름을 입력후 게시를 눌러주도록 합니다.
9. 확인 하기
GA로 돌아가 실시간으로 데이터를 확인해 보실수 있습니다. 구글 태그 매니저를 이용하면 즉시 데이터를 확인할수 있는 장점이 여기서 보여집니다.
구글 태그 매니저를 이용해 T스토리의 사용자 데이터를 GA로 수집하는 방법을 알아보았습니다. 기존 GA설치를 할때는 GA 추적 스크립트를 html 삽입 후 설치 방법이지만 구글 태그 매니저 설치만 한다면 구글 태그 매니저를 이용해 간단하게 태그를 설치하고 관리하는데 용의 합니다. 다음에는 몇가지 이벤트 설정을 한번 알아보도록 하겠습니다.
구글 태그매니저 설치나 고도화가 필요하시다면 하이프마크로 문의해주세요.
감사합니다.
