구글 태그관리자 계정 설정 & GTM GA4 설치하기
안녕하세요.
낙서꾼입니다.
저는 티스토리 블로그를 통해서 GTM 공부를 하곤 합니다.
이번에도 신규 id를 만들면서 또다시 구글태그매니저 계정을 설정하게 되었는데요.
저처럼 신규로 티스토리 블로그 하시는 분들은 GA4를 설치하려고 하실 겁니다.
GA4는 구글애널리틱스4를 말하는데요.
구글애널리틱스가 있으면 보다 더 많은 데이터를 통해 내 블로그를 분석할 수 있습니다.
보통 데이터분석가나 퍼포먼스마케팅, 그로스해킹 관련 업무를 하시면 자연스럽게 접하게 되는 도구일 겁니다.
그러나 개발자가 아니면 뭔가 어렵다고 느끼실 수 있는데요.
티스토리로 연습해보면 굉장히 좋습니다.
저도 문과이고요.
저 수능 볼 땐 미적분도 없던 시기여서 수학이 약한 문과에요.
그래도 차근차근 하다 보면 가능하니 혹시 이 글을 보시는 분이 있다면
GA4 설치를 따라해보실 수 있겠습니다.
GA4 같은 경우에는 두가지 방법으로 설정할 수 있어요.
첫번째는 GA4 스크립트만 넣는 것이고요.
두번째는 GTM 스크립트를 넣는 거에요.
어느 것이 더 좋냐면 무조건 두번째가 더 좋아요.
그래야 GTM 에서 제공하는 다양한 기능을 쓸 수 있거든요.
자 첫번째에요.
Google Tag Manager를 검색해서 들어가주세요.
그러면 이런 화면이 보일 거에요.
개인정보 같은 것이 있어서 모자이크를 했습니다만 방법은 간단해요.
일단 처음 하시는 분은 우측 상단에 "계정만들기"를 누르시면 됩니다.
지금 저도 이 블로그 scribbl1.tistory.com 가지고서 만드는 중이거든요.
계정이름은 원하는 것으로 해도 되고요.
국가는 대한민국 설정하고요.
컨테이너 이름도 정하면 되는데 보통 사이트 이름으로 많이 해요.
웹 선택하고요
그 다음에 만들기 누르면 됩니다.
웹 선택하면 만들기 버튼이 파란색으로 바뀔 거에요.
그전엔 비활성화되어 있고요.
이런 약관 동의는 별수 없이 '예' 누르면 됩니다.
안 누르면 사용 못하니까요.
그러고 나면 이제 이런 게 나올 거에요.
여기 나오는 거 복사해서 메모장에 붙여넣기 해두세요.
이제 해야 할 건 티스토리 블로그 스킨 편집 들어가서 HTML을 수정하는 겁니다.
수정이라고 하기 보다는 아까 복사해놓은 것만 추가하면 되고요.
티스토리 관리자 화면 들어가서 꾸미기 - 스킨 편집으로 들어가시면 됩니다.
참고로 이 블로그 스킨은 poster 에요.
자 이제 html 편집을 눌러주니다.
개발자 아니라고 해서 겁먹지 마세요.
자 아까 전에 복사한 코드를 Head 앞쪽에 넣으라고 했잖아요?
일단 지금 기준으로 3번 행에 <head>라고 보일 거에요.
그럼 바로 그 밑에다가 복사한 코드를 붙여넣기 하면 됩니다.
컨트롤 브이 누르면 됩니다.
그리고 그 다음 스크립트 복사해서 여는 <body> 코드 다음에 넣어주면 됩니다.
그리고 나서 적용 누르면 끝!!
이 아니라 이제 할 게 남았습니다.
GA4 태그를 만들어야 합니다.
아까 접속했던 태그관리자 화면에 들어가면 이제 이렇게 보일거에요.
여기서 태그를 선택하시고요.
그 다음 우측 상단에 태그만들기를 눌러주세요.
이름없는태그라고 써있는 데다가 원하는 이름 적어주면 됩니다.
저는 GA4라고 쓸게요.
다음은 태그구성에서 펜 모양 아이콘을 눌러주세요.
그러면 아래와 같은 태그 유형 선택이라고 나올 거에요.
GA4 구성을 선택하면 되겠죠?
그런데 여기서 이제 해야 할 것이 생깁니다.
바로 구글애널리틱스 계정을 또 만들어줘야 해요.
흠
GA4는 계정도 만들고 속성도 만들고 해야 하는데 여기서 다 설명하긴 어렵겠네요.
일단 GA4 계정 속성 만드는 것 다 했다고 가정하고 넘어가려다가 그냥 설명드릴게요.
속성만들기부터만 보세요.
쉬워요.
그냥 빈칸 채우면 되거든요.
측정 ID 밑에 있는 거 복사해주세요.
그 다음에 아까 구글태그매니저 태그구성 화면으로 가시면 되고요.
측정 ID 넣는데다가 복사붙여넣기 하시고요.
그 다음에 트리거는 일단 있는 거 다 포함시켜주세요.
보통 allpages 이거만 해도 되긴 하는데 그냥 다 해도 문제는 없습니다.
'낙서장' 카테고리의 다른 글
| 유튜버 지하니 프로필 인스타 모음 (0) | 2024.05.20 |
|---|---|
| 낙서꾼 티스토리 블로그 소개 보도자료 배포 양식 (0) | 2023.06.14 |
