Webflow에 Google Tag Manager를 적용하고 Google Analytics 4 연결하기

Webflow에 Google Tag Manager(GTM) 적용하기

1. GTM 계정 생성 및 컨테이너 설정

• Google Tag Manager 접속 및 계정 생성
• Container 정보를 새로 입력하고 생성
  • Target Platform 은 Web 으로 설정
• GTM 에서 제공하는 코드 복사

2. Webflow 에 GTM 코드 삽입

• Webflow 대시보드에서 Project Settingss 로 이동
• Custom Code 탭에서 Head code 영역에 복사한 코드를 붙여넣기
  

• 변경사항을 저장하고, Publish 합니다.

3. GA4 연결

• Google Analytics 로그인
• 관리 → 만들기 → 계정 & 속성
• 웹사이트 정보를 입력하고 데이터 스트림에서 Web 을 선택
• Measurement ID 를 복사

4. GTM 에서 GA4 설정

• GTM 대시보드에서 Tag 섹션으로 이동
• New Tag 를 클릭 → Tag Configuration → Google Analytics → Google Tag 선택
• 이전에 복사한 Measurement ID 붙여넣기
• Tragger 로 All Pages 선택
• Tag 이름을 저장한 후, 태그 미리보기(Preview)로 정상 작동하는지 확인
• 모든 설정이 정상이라면 Submit → Publish

결론 및 다음 단계

이제 Google Tag Manager와 Google Analytics 4가 Webflow 사이트에 적용되었습니다. 이를 통해 사이트 방문자의 행동 데이터를 효과적으로 수집할 수 있습니다.

다음 포스트에서는 GA4 이벤트 추적(뷰 이벤트 및 클릭 이벤트)을 구현하는 방법을 소개할 예정입니다. 끝까지 완독하셔서 이벤트 트래킹 설정을 배워보세요!