메타 픽셀 코드 받아서 상세페이지 <head>에 붙였는데 어디에 넣어야 하는지 몰라서 30분 헤맨 적, 다들 있으시죠. 그러고 나서 GA4 태그 또 심어야 하고, 네이버 전환 스크립트도 붙여야 하고... 태그 하나 늘 때마다 스킨 편집기 열고 소스 뜯는 게 진짜 스트레스예요. GTM은 그 지옥을 끝내주는 도구예요. 한 번만 제대로 깔아두면, 그다음부터는 코드 근처도 안 가고 웹 화면에서 태그를 심고 끄고 바꿀 수 있어요.
제가 처음 자사몰 열었을 때, 태그라는 걸 이렇게 이해했어요. "코드 한 줄 붙이면 데이터가 쌓인다." 맞는 말인데, 문제는 그 코드가 자꾸 늘어난다는 거였어요. 메타 픽셀, GA4, 네이버 프리미엄 로그, 카카오 픽셀, 구글애즈 전환... 하나씩 붙일 때마다 사이트 소스가 누더기가 되고, 어떤 게 어디에 붙어 있는지 저도 모르게 돼요. 나중엔 픽셀이 두 번 붙어서 구매가 두 배로 잡히는 일까지 생기더라고요...
구글 태그 매니저(GTM)는 이 문제를 통째로 해결해요. 사이트에는 딱 GTM 컨테이너 한 개만 붙여두고, 그 안에서 픽셀이든 GA4든 전환 태그든 웹 화면에서 관리하는 방식이에요. 개발자 없이, 코드 편집기 안 열고도요. 오늘은 처음 깔아보는 사장님 기준으로, 헷갈리는 부분만 콕 짚어서 순서대로 풀어볼게요.
비유하자면 GTM은 태그들의 전원 멀티탭이에요. 예전엔 픽셀 코드는 픽셀 콘센트에, GA4는 GA4 콘센트에 각각 벽에 직접 꽂았죠. GTM을 쓰면 벽에는 멀티탭(컨테이너) 하나만 꽂고, 나머지 기기들은 다 그 멀티탭에 꽂아요. 그러면 뭘 끄고 켜든 벽(사이트 소스)은 건드릴 일이 없어요.
용어 세 개만 알면 돼요. 어렵지 않아요.
| 용어 | 쉽게 말하면 | 예시 |
|---|---|---|
| 태그(Tag) | 실제로 실행되는 코드 조각 | 메타 픽셀, GA4 구성 태그 |
| 트리거(Trigger) | "언제" 태그를 쏠지 | 페이지 열릴 때, 구매완료 페이지에서 |
| 변수(Variable) | 태그에 넘길 "값" | 주문금액, 상품명, 주문번호 |
정리하면 이래요. "구매완료 페이지가 열리면(트리거) → 메타 픽셀 Purchase 이벤트를(태그) → 주문금액 값과 함께(변수) 쏴라." 이 문장을 웹 화면에서 클릭 몇 번으로 조립하는 게 GTM의 전부예요. 코드는 처음 컨테이너 붙일 때 딱 한 번만 만져요.
손 순서를 그대로 따라와 주세요. 카페24, 아임웹, 자체 개발 자사몰 다 똑같아요.
1. 컨테이너 만들기. tagmanager.google.com 접속 → 계정 생성 → 컨테이너 이름은 도메인(예: oversized.kr), 대상은 '웹' 선택. 그러면 GTM-XXXXXXX 형태 ID랑 코드 두 조각이 나와요.
2. 사이트에 딱 한 번만 심기. 위쪽 조각은 <head> 안 최상단에, 아래쪽 <noscript> 조각은 <body> 바로 다음에 붙여요. 카페24는 [디자인 → 스마트디자인 → HTML 편집]에서 공통 레이아웃(main_index 아님, 전체 공통 파일)에, 아임웹은 [환경설정 → SEO·스크립트 설정] 또는 header/footer 스크립트 영역에 붙이면 돼요. 이 한 번이 코드 만지는 처음이자 마지막이에요.
3. GA4 태그 심기. GTM 안에서 [태그 → 새로 만들기 → Google 태그] 선택 → GA4 측정 ID(G-XXXX) 입력 → 트리거는 'All Pages(Initialization - All Pages)'. 저장. 이러면 GA4 코드를 사이트에 따로 안 붙여도 GTM이 대신 쏴줘요.
4. 메타 픽셀 심기. 픽셀은 GTM 기본 템플릿이 없어서 'Custom HTML' 태그로 넣거나, 커뮤니티 템플릿(Facebook Pixel)을 갤러리에서 가져와요. 픽셀 ID 넣고 트리거 All Pages. 여기까지 하면 전 페이지 조회(PageView)는 자동으로 잡혀요.
5. 구매 전환 잡기. 이게 진짜 핵심이에요. 구매완료 페이지가 열릴 때만 쏘는 트리거를 따로 만들어요. [트리거 → 새로 만들기 → 페이지뷰 → 일부 페이지뷰 → Page URL '포함' order_complete] 식으로요. 카페24는 주문완료 URL에 order_complete류 문자열이, 아임웹은 결제완료 페이지 경로가 있어요. 이 트리거를 픽셀 Purchase 태그·GA4 purchase 이벤트 태그에 물려주면 구매가 잡혀요.
제가 실제로 겪은 사고 하나 얘기할게요. 카페24 관리자에 이미 픽셀 코드가 [마케팅 → 광고성 스크립트]에 박혀 있었는데, 그걸 까먹고 GTM으로 픽셀을 또 심었어요. 결과는? 하루 매출이 광고 관리자에 정확히 두 배로 찍혔어요. ROAS가 갑자기 8이 넘길래 좋아했다가... 실제 통장은 그대로였죠. 이게 태그 관리를 한 곳으로 안 모아서 생기는 대표적인 사고예요.
발동 타이밍도 감을 잡아두면 좋아요. 트리거 유형별로 이렇게 쓰면 대부분 커버돼요.
| 목적 | 트리거 유형 | 언제 쏘나 |
|---|---|---|
| 전 페이지 조회 | Page View / All Pages | 모든 페이지 열릴 때 |
| 구매 전환 | 일부 페이지뷰(URL 포함) | 주문완료 페이지에서만 |
| 장바구니 담기 | 클릭 트리거 or DOM 이벤트 | '담기' 버튼 눌릴 때 |
| 영상·스크롤 | 기본 제공 트리거 | 50% 스크롤, 영상 재생 등 |
구매 전환에서 주문금액·주문번호 같은 값까지 정확히 넘기려면 dataLayer라는 게 필요한데, 여기서부터는 쇼핑몰 솔루션이 자동으로 값을 넣어주는 경우가 많아요. 카페24는 전환 스크립트 설정에서 주문 정보를 자동으로 밀어주고, 그게 안 되면 개발자에게 "구매완료 페이지에 dataLayer.push로 주문금액 넣어달라" 한 줄만 요청하면 돼요. 딱 거기까지만 코드를 빌리고, 나머지 관리는 계속 GTM 화면에서 하는 거예요.
여기서 한 가지는 짚고 넘어갈게요. GTM으로 픽셀·GA4를 아무리 깔끔하게 심어도, 그건 매출과 전환까지만 보여줘요. 광고 관리자에 찍히는 ROAS 5는 원가·수수료·부가세를 하나도 안 뺀 숫자예요. 그걸 진짜 이익으로 착각하면, 겉으로 잘 팔리는데 통장은 마르는 상황이 와요. 이 함정은 순이익 착시랑 ROAS의 진짜 의미 글에서 더 자세히 풀어놨으니 같이 보시면 좋아요.
그래서 저는 흐름을 이렇게 나눠서 봐요. 픽셀·GA4·GTM은 '무슨 일이 일어났나'를 잡는 도구, 순수익 대시보드는 '그래서 얼마 남았나'를 잡는 도구. 대시부스터를 쓰는 이유도 여기에 있어요. 자사몰 매출을 실시간으로 끌어와서 원가·플랫폼 수수료·택배비·부가세까지 뺀 진짜 순수익을 한 화면에 보여주니까, GTM으로 모은 전환 데이터랑 겹쳐 보면 "이 광고가 매출은 올렸는데 실제로 남긴 건 얼마인가"가 딱 보여요. 참고로 대시부스터의 픽셀 부스터(CAPI) 기능은 GTM으로 심은 브라우저 픽셀이 iOS·광고 차단으로 놓치는 이벤트를 서버에서 백업으로 보내줘서, 태그 관리랑도 자연스럽게 물려요.
정리하면 순서는 이래요. 첫째, GTM 컨테이너 하나 심고 기존 중복 태그 정리. 둘째, GA4·픽셀을 GTM 안으로 옮기고 미리보기로 검증. 셋째, 구매완료 트리거로 전환을 정확히 잡기. 넷째, 그렇게 모은 매출·전환을 순수익 관점에서 다시 보기. 이 네 단계만 밟아도, 태그 하나 심을 때마다 개발자 부르던 시절과는 완전히 다른 운영을 하게 돼요.
네, 그게 GTM을 쓰는 이유예요. GA4·픽셀·전환 스크립트를 전부 GTM 컨테이너 안으로 옮기고, 사이트 소스나 쇼핑몰 관리자에 직접 박혀 있던 원본 코드는 지우세요. 단, 지우기 전에 반드시 미리보기 모드로 GTM 버전이 정상 발동하는지 확인하고, 확인된 다음에 원본을 제거해야 데이터 공백이 안 생겨요.
쓸 수 있어요. 두 솔루션 다 공통 HTML 영역이나 스크립트 삽입 영역이 있어서, 거기에 GTM 컨테이너 코드 두 조각만 한 번 붙이면 돼요. 그 뒤로는 솔루션 관리자를 다시 열 필요 없이 GTM 웹 화면에서 태그를 추가하고 수정해요. 구매금액 같은 값까지 정확히 넘기려면 dataLayer 세팅이 필요할 수 있는데, 이건 개발자에게 한 줄만 요청하면 끝나요.
세 가지를 봐요. GTM의 미리보기(Preview) 모드에서 태그 발동 여부, 크롬 확장 프로그램 'Meta Pixel Helper'로 픽셀 이벤트, GA4 실시간 보고서에서 접속·이벤트요. 실제로 장바구니 담고 결제까지 눌러보면서 이 세 곳에 값이 한 번씩만(중복 없이) 뜨는지 확인하면 안심할 수 있어요.
픽셀·GA4로 매출은 찍혀도 원가·수수료·세금 뺀 진짜 순수익은 안 보이죠. 대시부스터는 자사몰 매출을 실시간으로 끌어와 실제 남는 돈을 한 화면에 보여줘요.
7일 무료로 시작하기 →