구글 태그 매니저 : 직접 코드 입력하기

프로그래밍을 전문으로 하지 않는 웹사이트 운영자가 마케터도 충분히 다양한 태그를 사용할 수 있게 돕는 구글 태그 매니저, 하지만 이 툴로도 직접 코드를 짜넣어 실행할 수 있단 사실을 알고 계셨나요? 

구글 태그 매니저는 트리거와 태그를 제공하는 데서 그치는 것이 아니라 원하는 코드를 짜넣으면 실행하는 걸 도와주는 역할도 하고 있습니다.

사실 간단한 태그는 개발자가 아닌 마케터나 일반 운영자들도 할 수 있는 일이죠. 

이번에는 그에 대해 알아보도록 하겠습니다.

먼저 트리거를 설정해줍니다.

클릭으로 이벤트를 발생시킬 수 있도록 클릭을 설정하겠습니다.

목표는 구매하기를 클릭했을 때 구매를 해주셔서 감사하다는 팝업창을 띄우는 것입니다. 저번 클릭으로 인해 이벤트가 발생하는 것에 대해서는 설명해드린 적이 있죠. 이 페이지를 참고해주시면 됩니다.

이제 태그에 들어가서 새로 만들기를 눌러줍니다. 물론 그 전에 아까 전 완성한 트리거를 설정해주시는 걸 잊지마세요.

이제 여기가 중요한데요. 평소처럼 태그 유형은 유니버설 애널리틱스가 아닌 맞춤 HTML을 설정하셔야 합니다. 스크롤 바를 쭉 내리면 맞춤설정에 맞춤 HTML이 있는 걸 확인할 수 있습니다.

그럼 이렇게 HTML 태그를 직접 입력할 수 있는 창이 뜹니다. 여기서 원하는 코드를 짜넣으시면 되는데요. 복잡한 것부터 위와 같이 간단한 태그까지 가능합니다.

이제 완성한 태그가 제대로 되는지 확인해볼까요?

사이트에 들어가 구매하기 버튼을 누르자 위와 같은 팝업이 뜨며 아까 입력한 문구가 제대로 나오는 것을 확인할 수 있습니다. 

이처럼 구글 태그매니저는 간단한 HTML 태그로 직접 프로그래밍을 할 수 있다는 장점이 있습니다. 잘 활용하시면 더 다양하게 정보를 수집할 수 있겠죠. 하지만 너무 많은 코드를 충돌을 불러일으킬 수도 있으니 항상 직접 사용하시기 전 자세하게 알아보시기 바랍니다.

구글 태그 매니저 설치나 고도화가 필요하시다면  하이프마크에 문의해주세요.

감사합니다.