[멋쟁이사자처럼] 그로스 마케팅 day5 - GTM, 메타픽셀 연동

척추요정이 허리피라고 하네요

가독성이 지옥입니다. 틀린거나 이상한거 있으면 말해주시면 감사하겠슴니다.. 사자횐님덜.. 

 

일단 페이스북 '페이지'(계정아님)을 만든 뒤 네모 아홉개있는 버튼을 눌러 '광고 관리자'에 들어가 준다.

처음에 우리가 들어왔을 때는 '개인 계정'이다. 광고를 집행하고 개인계정들에게 권한을 부여하기 위해서는 '비즈니스 포트폴리오'를 만들어야 한다.

 

뭐 이렇게 뜨는데 일단 나는 건너 뛰어 줬다. 이것저것 만지다 보니 나중에 설정 할 수 있는걸 알아서리.. 다시 하면서 지금 할 수 도 있구나.. 생각했다. 나중에 꼭 비즈니스 포트폴리오에서 내 개인 계정에 권한을 부여 해주어야 한다!

 

 

개요를 누른 뒤에 '데이터 연결'을 클릭

다음을 대충 눌러주다보면 데이터셋이 만들어진다. 그리고 다시 화면으로 와서 데이터 소스에 들어가준다. 

이후에 브라우저 활동에서 웹사이트 이벤트 수집탭에 들어간뒤 'Meta 픽셀 설정'을 눌러준다

웹사이트에 '픽셀 코드 직접 추가' 클릭

 

이런 화면이 뜨면 코드 복사를 눌러 주고 코드를 복사한다. 이 코드는 나중에 태그를 쓸 때도 쓰이기 때문에 메모장 같은 곳에다가 복사해두자.

이전에 GTM이랑 티스토리를 연동 할 때와 똑같다. 

복사해 놓은 코드를 티스토리 - 스킨편집 - html 편집으로가서 </head> 태그 사이에 붙여넣는다. 나는 이전에 했던 GTM 코드 바로 밑에 붙여넣기 해줬다. 

뭐 일단 좋은거 같으니까 체크해주고..

 

이벤트 추가를 눌러준다

자신의 티스토리 주소를 눌러 준 뒤 완료를 누른다! 나는 이미 예전에 해놓은게 있어서 굳이 추가하지 않았다.

 

자 이제 우리의 친구 GTM으로 돌아가 준다. 그리고 태그를 새로 만드는 화면 까지 온뒤 이번에는 Google 애널리틱스가 아닌 맞춤 설정 아래 있는 맞춤 HTML을 선택해준다. 이번에는 댓글을 '등록' 하기 위해 '등록'이라는 버튼을 누르면 이벤트가 발생하는 태그를 만드려고 한다.

 

그리고 이전에 복사해 두었던 메타픽셀 코드를 붙여 넣고

<script>
  fbq('track', 'CommentRegister');
</script>

해당 코드 또한 밑에 붙여 넣어야 한다.

알아보니 fbq 코드는 메타 픽셀에서 사용하는 '추적 함수' 라고 한다. track은 이벤트를 '추적'하라 라는 의미이고 뒤에 'CommentRegister'은 내가 지어넣은 이벤트 명이다. 해당 코드는 실행되는 순간 CommentRegister라는 이벤트를 메타 픽셀로 넘겨준다.

 

다음으로는 트리거를 정의해 주어야 한다. 지금은 '클릭 시' 'CommentRegister' 라는 이벤트를 메타에 넘겨 주어야 하기 때문에 트리거 유형을 '클릭 '- '모든 요소'로 지정해주었다.

처음에 시도할때는 클릭-링크만 으로 했다가 낭패를 봤었다. '링크만' 유형은 html 태그 중 <a> 태그만 인식 해서 변수를 Class로 정의하면 태그에서 인식을 하지 못해 이벤트를 메타픽셀에 넘기지 못했었다. 반면에 모든 요소는 모든 태그를 인식해서 메타픽셀로 넘길 수 있게 해준다.

 

여기서 html에서 말하는 태그는 <>이 꺽쇠 안에 들어있는 걸 말한다. '등록'이라는 버튼이 클릭될때 이벤트를 메타 픽셀에 넘기고 싶으므로 트리거를 정의 할때 Click Classes(tml의 ' 어떤' 클래스가 클릭이 될때)를 변수로 선택 해 준 뒤, 개발자 모드에서 '등록'이라는 버튼을 만들 때 사용한 클래스 명인 tt-btn_register을 '어떤 클래스'로 지정해 준다.

다시 말하자면 클래스 명(tt-btn_register)이 클릭이 될 때 트리거가 작동 되고 이벤트가 실행되며, 해당 이벤트는 메타 픽셀로 전송이 된다.

 

자 그러면 이제 GTM을 실행한뒤(미리보기) 내 티스토리로 들어가서 댓글을 달고 등록 버튼을 눌러보자.

   그리고 GTM으로 다시 돌아와 내가 만들었던 태그 '메타 픽셀 이벤트 - 댓글 버튼 클릭'이 실행되었는지 확인 할 수 있다.

 

 다시 메타 픽셀로 돌아와 모든 이벤트를 보면 만들었던 이벤트인 'CommentRegister'가 활성화 되어있고 이벤트 또한 발생한 것을 알 수 있다.

 

---

새로운 계정으로 하려다보니까 이상한 오류들이나 제한이 떠서.. 순서가 뒤죽박죽이다.. 

시험해본다고 댓글을 한 20개는 단거같다. 삽질의 흔적 '버전 18'