오늘은 META Pixel 기본코드와 맞춤 이벤트를 설치하는 법을 배웠는데요.
▼내용 참고
[TIL-260324] 멋쟁이사자처럼 부트캠프 그로스마케팅 4기 - 대시보드제작 day10
이번에 배운 픽셀도 당연하게 응용을 해보고 싶습니다.
나만의 픽셀은 어떻게 설치를 해볼까 고민...을 할 시간은 없어요.
루커스튜디오 복습해야하고 LP도 제작해봐야하고.. 이전에 만든 마케터 유형 테스트를 활용해보겠습니다.
목표는 마케터 유형 테스트 버튼을 누가~누가~ 클릭했나 알아볼 수 있게 [메타 데이터 세트에서 확인] 가능하도록 하는 것입니다.
Attitude는 역시나 quick quick fast
우선 할 일을 정리해봅시다.
1. GTM 클릭 트리거 생성
2. GA4 클릭 이벤트 태그 생성
3. META Pixel - 맞춤 HTML 생성
1. GTM 클릭 트리거 생성
구글태그매니저에 들어가서 태그 새로 만들기를 클릭합니다.
트리거 유형은 클릭으로 설정하고, 저는 테스트 시작하기 버튼만 알고 싶은 거니 일부 링크 클릭으로 선택하고요.
변수는 Click ID - 같음 - 링크의 ID 순서로 기입해줍니다.
그러면 트리거 생성 완.
Easy peasy lemon squeezy
ID가 뭐냐고요?
ID는 게시글 내에서 개발자도구를 통해 알 수 있습니다.
1. 게시글 내에서 F12누르고 개발자 도구를 엽니다
2. 왼쪽 이미지에 1번 표시 항목을 1번 클릭해줍니다
3. 그러면 섹션을 선택할 수 있게끔 되는데 커서를 움직여서 '테스트' 버튼을 선택합니다
4. 클릭 후, 개발자 도구에서 음영처리된 영역이 버튼의 코드이며 여기서 id="popup-btn" 을 사용합니다
저번에 GTM에서 '팝업 이미지를 띄우는 태그'는 '페이지뷰 트리거'를 활용해서 만들어 뒀는데 팝업 이미지 내 테스트 시작하기 버튼을 누르는 태그는 안 만들어놨더라구요.
그러니까 클릭 트리거도 없지...
아무튼 클릭 이벤트에 대한 태그 설치를 해야 나중에 누군가 클릭을 했을 때 데이터 수집이 됩니다 (당연함)
이런 구조를 생각해보니 이벤트 수가 엄청 많아질 것 같지만 !
우선 GA4 클릭 이벤트 먼저 신속하게 만들어볼게요.
2. GA4 클릭 이벤트 태그 생성
오늘 배운 건 META pixel인데 왜 GA4 이벤트를 갑분 생성하냐고요?
GA4 클릭 이벤트는 GA4에서 데이터 수집될 것이고 META Pixel의 맞춤 이벤트 생성하면 META에서 수집될 텐데 두 곳에서 비교분석 해보고 싶어서요...
GA4 클릭 이벤트 태그 생성은 어렵지 않습니다. (if 오류가 안뜬다면..)
GTM에서 태그 새로만들기 → 구글애널리틱스 → 구글애널리틱스 : GA4 이벤트 선택합니다.
측정ID는 GA4에 있던 본인 ID 가져오시고, 이벤트 이름은 영어소문자로 설정해줍니다.
잊지말고 위에서 만들었던 클릭 트리거도 추가해줄게요.
3. META Pixel - 맞춤 HTML 생성
META Pixel 태그 생성도 어렵지 않습니다. (if 오류가 안뜬다면..)
1. GTM에서 태그 새로만들기 → 맞춤 HTML 선택합니다
2. 맞춤이벤트 코드를 수정해서 이벤트 이름 수정해줍니다
3. 아이디값도 메타픽셀에 있던 ID값으로 바꿔줍니다(메타픽셀 이벤트관리자에서 확인 가능)
4. 잊지말고 클릭 트리거 설정해줍니다
생성했다면 GTM 게시하고나서 메타픽셀헬퍼로 게시글내에서도 잘 설치되었는지 크로스체크 해줍니다.
그리고나서 30분정도 커피를 마시고 돌아옵니다.
GTM에서 설치한 메타픽셀이 이벤트관리자에 연동되기까지 일정시간이 소요되니까요!
이제 메타의 이벤트관리자로 들어가서 제대로 데이터가 잡히는지 확인해봅니다.
두둥-
설치 완료~!
*Review
1. 가장 많은 시간을 소모한 곳은 ? 메타픽셀헬퍼에 픽셀이 안뜨는 오류 해결하기
'Growth Marketing > Job Preparation' 카테고리의 다른 글
| 마케터 지망생의 데이터 분석 정복기 ①｜Pandas로 이커머스 기업 퍼널분석 하기! 🚢 (0) | 2026.04.18 |
|---|---|
| 마케터 지망생의 Figma Site 정복기｜LPO전략 설계부터 랜딩페이지 제작까지! (0) | 2026.03.24 |
| 마케터 지망생의 GTM 정복기｜팝업 이미지 띄우고 링크 연결까지! (0) | 2026.03.23 |
| 마케터의 종류와 특징 비교 - 퍼포먼스 · 브랜드 · 콘텐츠 · CRM · 그로스 (1) | 2026.03.20 |
| 마케팅 직군에서 실제로 도움 되는자격증 5가지 비교 (0) | 2026.03.19 |