GTM을 이용하여 워드프레스에 GA4 설치하기
워드프레스에 구글 애널리틱스를 추가하는 방법은 여러가지가 있습니다. FTP를 이용하여 직접 서버에 구글 애널리틱스 코드를 추가하거나 워드프레스 플러그인을 통해서도 설치할 수 있습니다.
어떤 방법으로든 초기 설치는 가능하지만, 구글 태그 매니저를 이용하지 않고 설치하면 추가적인 사용자 행동을 수집할 때마다 계속 코드를 추가하고 관리해야 한다는 단점이 있습니다. 클릭과 같은 간단한 사용자 행동을 수집할 때 역시 개발 지식을 필요로 하게 되고, 비슷한 데이터를 수집할 때도 하나씩 수동으로 작업을 해주어야 합니다.
구글 태그 관리자(GTM)를 이용하면 비슷한 유형의 행동들을 1번의 작업으로 수집할 수 있습니다.
예 ) 빨간 배경의 버튼 클릭 수집 → 1번의 작업으로 여러 페이지에 있는 버튼에 모두 데이터 수집 적용
구글 태그 관리자를 사용하지 않는 경우
각각의 페이지에 있는 버튼마다 전부 코드 추가 필요
구글 태그 관리자를 사용하면 더 효과적으로 데이터를 수집할 수 있습니다. 또한 개발 작업에 익숙하지 않아도 GTM 자체 기능만으로도 비교적 쉽게 데이터를 수집할 수 있습니다.
그로스해킹스쿨 → https://bit.ly/49Rl83H
- 더 많은 그로스 해킹 전략과 사례를 확인할 수 있습니다
- 데이터 분석과 활용에 대한 고민이 있다면 문의를 남겨 주세요.
지금 보고 있는 자료는 ‘워드프레스에 구글 태그 관리자(GTM)를 설치하는 방법’을 안내하고 있습니다.
이전 단계인 구글 애널리틱스, 구글 태그 관리자 계정 생성을 아직 하지 않은 분들이라면 아래 가이드 문서를 먼저 참고해 주시기 바랍니다.
그로스해킹스쿨의 GA4 가이드 문서를 참고하여 구글 애널리틱스, 구글 태그 매니저 계정을 생성해 주세요.
사전 자료 : 1. 구글 애널리틱스 계정 만들기
사전 자료 : 2. 구글 태그 관리자 계정 만들기
영역에 추가해야 하는 코드와 영역에 추가해야 하는 각각의 코드를 복사합니다.
Code Snippets 플러그인을 설치합니다.
https://wordpress.org/plugins/code-snippets/
설치한 플러그인을 활성화합니다.
플러그인이 정상적으로 설치-활성화 되었다면 워드프레스 관리자 화면에 ‘Snippets’ 메뉴가 표시됩니다.
head 영역에 추가해야 하는 코드와 body 영역에 추가해야 하는 코드를 구분해야 합니다.
-> 코드 더 깔끔하게 보기 https://ghschool.kr/qna/ga4-wordpress-configuration/#code
add_action('wp_head', function() {
?>
<!-- Head 영역에 추가해야 하는 구글 태그 매니저 코드 -->
<?php });
add_action('wp_body_open', function() { ?>
<!-- Body 영역에 추가해야 하는 구글 태그 매니저 코드 -->
<?php
});
스니펫의 제목을 입력합니다. – 예) Google Tag Manager Container
Code의 유형으로 [Functions(php)]를 선택합니다.
수정한 코드를 붙여넣습니다.
[Only run on site front-end]를 클릭합니다.
워드프레스에 구글 태그 관리자 설치를 완료하였다면, 구글 태그 관리자와 구글 애널리틱스를 연동하는 작업이 필요합니다. 해당 작업은 아래 가이드 문서를 참고해 주시기 바랍니다.
관련 자료 : 구글 태그 관리자 설치하기
그로스해킹스쿨 → https://bit.ly/49Rl83H
- 더 많은 그로스 해킹 전략과 사례를 확인할 수 있습니다
- 데이터 분석과 활용에 대한 고민이 있다면 문의를 남겨 주세요.