Magento에서 Google Tag Manager를 설정하는 방법?

Source: Dev.to

Magento용 Google Tag Manager의 장점

• GA4 및 Google Ads와 같은 도구를 통합하여 고객 행동을 전체 퍼널 관점에서 파악합니다.
• 사이트를 재배포하지 않고도 추적 코드를 추가·업데이트할 수 있어 빠른 업데이트와 실험이 가능합니다.
• 제품 성과를 추적하고, 장바구니 이탈 지점을 파악하며, 페이지 전반에 걸친 사용자 여정을 분석하고, 다양한 기기와 브라우저에서 데이터를 집계합니다.

수동 설치 (확장 기능 없이)

1. Magento 관리자에서 Content > Design > Configuration 으로 이동합니다.
2. 원하는 테마를 편집하고 GTM 컨테이너 스크립트를 Head > Scripts and Style Sheets 에 붙여넣습니다.
3. 구성을 저장합니다.

참고: 이는 GTM 컨테이너만 설치하는 것이며, 태그, 트리거 및 변수는 GTM에서 별도로 설정해야 합니다.

대안: 테마 파일에 직접 GTM 삽입

• head.phtml에 GTM <script> 스니펫을 추가합니다.
• body.phtml에 <iframe> 스니펫을 추가합니다.

스크립트를 삽입하면 Magento가 자동으로 GTM 컨테이너를 로드합니다. GTM 이벤트(태그, 트리거, 변수)는 GTM 인터페이스 내에서 설정해야 합니다.

GTM 확장 기능 사용 (예: Magefan Google Tag Manager)

확장 기능은 전자상거래 이벤트용 사전 구축된 데이터 레이어와 Google Analytics와의 자동 연결을 제공하여 코드를 직접 수정하거나 태그를 수동으로 만들 필요가 없습니다.

확장 기능을 이용한 일반적인 단계

1. GTM 계정을 생성하고 스토어용 컨테이너를 설정합니다.
2. GTM 대시보드에서 GTM Account ID, Container ID, Public ID 를 복사합니다.
3. Google Analytics 4 를 열어 속성의 Measurement ID 를 복사합니다.
4. Magento 관리자에서 GTM ID와 GA4 Measurement ID를 확장 기능 설정 필드에 붙여넣습니다.
5. 데이터 레이어를 가져오고 필요에 따라 GTM 태그를 생성합니다.
6. GTM Preview 모드 를 사용해 태그가 정상적으로 작동하는지 확인합니다.
7. GTM 컨테이너를 퍼블리시하여 추적을 활성화합니다.

퍼블리시 후 GA4 > Reports > Realtime 에서 실시간 활동을 모니터링할 수 있습니다.

결론

Magento 2에 Google Tag Manager를 추가하면 분석 기능이 향상되고 보다 스마트한 의사결정을 지원합니다. 전용 확장 기능을 사용하면 설정이 간소화되고 오류가 감소하며 구현 속도가 빨라집니다. 특히 전자상거래 이벤트, 데이터 레이어 및 Google Analytics 4와 같은 통합 작업 시 유용합니다.