구글태그매니저 클릭 이벤트 추적 설정방법 동영상

자 이번에는 태그 관리자에서 구글 태그 매니저에서요 특정 어떤 이벤트 클릭을 잡아내는 설정을 한번 해보도록 할게요 자 여기 태그로 들어오셔서 새로 만들기를 누르시고요 자 이제 해서 저는 1, 2 버튼 지금 뭘 측정을 할 거냐면 지금 보시면은 여기 더읽기 버튼 보이시죠 요거를 측정을 할 겁니다 그러면 더읽기 버튼 구글 애널리틱스 유니버셜 애널리틱스를 먼저 선택을 하시구요 그 다음에 추적 유형은 페이지 뷰가 아니라 이건 이벤트가 되겠죠 클릭이니까 자 그 다음에 카테고리는 더읽기 버튼 작업은 클립 라벨은 더읽기가 지금 더읽기 이렇게 세팅을 하고 그죠 그리고 여기에서 이제 설정 변수 상태에서 내 구글 애널리틱스 내 구글 애널리틱스를 요렇게 선택을 해줘야 됩니다 자 요 부분은 먼저 사전에 설정을 해놓은 나의 구글 애널리틱스를 세팅을 하는 거라고 생각하시면 될 것 같아요 자 여기까지 하셨으면 그 다음에 이제 뭐가 필요할까요? 트리거라는 게 필요하죠 트리거 트리거를 한번 설정을 해볼게요 자 트리거에 클릭을 해보겠습니다 모든 요소를 클릭을 하고요 모든 요소를 클릭을 하시고 일부 클릭을 하신 다음에요 자 이제 우리는 클릭 클래스를 누르시고 포함으로 한번 설정을 해볼게요 포함 같은 걸로 하셔도 되는데요 그 다음에 예를 들어서 지금 요 버튼이잖아요 그러면 요 버튼을 검사를 한번 해보도록 하겠습니다 자 검사를 누르는 순간 오른쪽에 이렇게 떴죠 그럼 지금 우리가 잡을 수 있는게 여기 클래스 값이 있네요 클래스 값도 있고 지금 더 읽기라는 요런 폰트 텍스트도 있죠 근데 클래스 값을 한번 잡아 볼게요 되는지 한번 보도록 하겠습니다 자 클래스 값을 이렇게 복사를 하시고 자 저 클래스 값이 포함 어 똑같음으로 해도 상관은 없을 것 같아요 같음으로 또 비슷한 클래스가 있을 수가 있으니깐요 자 그리고 요거는 더읽기 더읽기 버튼 연수가 되겠죠 트리거가 되겠죠 자 그리고 나서 저장 버튼을 저장 버튼을 누르시고 조금 있으면 이렇게 됐죠. 그러면 다 선택이 됐죠. 구성이. 이 상태에서 이제 저장 버튼을 또 눌러줍니다. 그리고 미리 보기 이 상태에서 바로 해도 상관은 없는데요. 그래도 혹시 모르니까 제출까지 깔끔하게 해주고 이렇게 제출을 해주고 다시 미리 보기에서 한번 확인해 보도록 하겠습니다. 자 다시 작업 공간이 들어왔어요. 그 다음에 태그 다시 미리 보기 이제 한번 해보도록 하겠습니다. 미리 보기 들어왔죠. 자 그리고 이제 그러면은 이거는 지워버리고요. 더 읽기 버튼에 대해서 과연 디버그 자 세로고침 한번 눌러볼게요. 자 세로고침 누르고 지금 보시면 어 태그 전환 링크는 되어있는데 낫 파이어드 더 읽기 버튼은 지금 낫 파이어드라고 되어있죠 자 그러면 더 읽기 버튼을 제가 한번 눌러보도록 하겠습니다 자 어떻게 됐나요 위로 올라갔죠 자 파이어드가 됐네요 그쵸 파이어드가 됐죠 자 이런식으로 태그 파이어드로 올라온게 보이시죠 자 요런식으로 설정을 하는겁니다