brunch

You can make anything
by writing

C.S.Lewis

by 그로스해커 이찬우 Nov 27. 2023

워드프레스에 구글 애널리틱스(GA4) 설치하기

GTM을 이용하여 워드프레스에 GA4 설치하기

원문 : https://bit.ly/49Rl83H


구글 태그 관리자(GTM)를 이용하여 워드프레스에 구글 애널리틱스를 설치하는 방법을 안내합니다.


워드프레스에 구글 애널리틱스를 설치할 때 꼭 구글 태그매니저를 이용하세요!


워드프레스에 구글 애널리틱스를 추가하는 방법은 여러가지가 있습니다. FTP를 이용하여 직접 서버에 구글 애널리틱스 코드를 추가하거나 워드프레스 플러그인을 통해서도 설치할 수 있습니다.

어떤 방법으로든 초기 설치는 가능하지만, 구글 태그 매니저를 이용하지 않고 설치하면 추가적인 사용자 행동을 수집할 때마다 계속 코드를 추가하고 관리해야 한다는 단점이 있습니다. 클릭과 같은 간단한 사용자 행동을 수집할 때 역시 개발 지식을 필요로 하게 되고, 비슷한 데이터를 수집할 때도 하나씩 수동으로 작업을 해주어야 합니다.


구글 태그 관리자(GTM)를 이용하면 비슷한 유형의 행동들을 1번의 작업으로 수집할 수 있습니다.  

예 ) 빨간 배경의 버튼 클릭 수집 → 1번의 작업으로 여러 페이지에 있는 버튼에 모두 데이터 수집 적용


구글 태그 관리자를 사용하지 않는 경우  

각각의 페이지에 있는 버튼마다 전부 코드 추가 필요

구글 태그 관리자를 사용하면 더 효과적으로 데이터를 수집할 수 있습니다. 또한 개발 작업에 익숙하지 않아도 GTM 자체 기능만으로도 비교적 쉽게 데이터를 수집할 수 있습니다.


그로스해킹스쿨 → https://bit.ly/49Rl83H

- 더 많은 그로스 해킹 전략과 사례를 확인할 수 있습니다
- 데이터 분석과 활용에 대한 고민이 있다면 문의를 남겨 주세요. 


Q : 워드프레스에 구글 애널리틱스를 어떻게 설치해야 하나요?


순서 안내

지금 보고 있는 자료는 ‘워드프레스에 구글 태그 관리자(GTM)를 설치하는 방법’을 안내하고 있습니다.

이전 단계인 구글 애널리틱스, 구글 태그 관리자 계정 생성을 아직 하지 않은 분들이라면 아래 가이드 문서를 먼저 참고해 주시기 바랍니다.


사전 준비하기

그로스해킹스쿨의 GA4 가이드 문서를 참고하여 구글 애널리틱스, 구글 태그 매니저 계정을 생성해 주세요.  

사전 자료 : 1. 구글 애널리틱스 계정 만들기

사전 자료 : 2. 구글 태그 관리자 계정 만들기


워드프레스에 구글 태그 매니저 설치하기


워드프레스에 구글 태그 매니저 코드 설치하기


1. 구글 태그 매니저 상단 탭에서 [관리자]를 선택하고, 컨테이너 영역에 있는 [Google 태그 관리자 설치]를 클릭합니다.


2. 구글 태그 관리자 설치 코드를 확인합니다.  

영역에 추가해야 하는 코드와  영역에 추가해야 하는 각각의 코드를 복사합니다.


3. 워드프레스에 Code Snippets 플러그인을 설치합니다.  

Code Snippets 플러그인을 설치합니다.          

https://wordpress.org/plugins/code-snippets/

설치한 플러그인을 활성화합니다.


4. 설치한 플러그인 메뉴에서 [Add New]를 클릭하여 새로운 스니펫 추가를 시작합니다.  

플러그인이 정상적으로 설치-활성화 되었다면 워드프레스 관리자 화면에 ‘Snippets’ 메뉴가 표시됩니다.


5. 아래 예시 코드를 복사하고 각 영역에 자신의 구글 태그 매니저 코드를 추가합니다.  

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
});


6. 아래와 같이 내용이 입력 되었는지 확인합니다.  

스니펫의 제목을 입력합니다. – 예) Google Tag Manager Container

Code의 유형으로 [Functions(php)]를 선택합니다.

수정한 코드를 붙여넣습니다.

[Only run on site front-end]를 클릭합니다.


7. 하단의 [Save Changes]  버튼을 클릭하여 설정을 저장합니다.


8. 생성한 스니펫이 활성화 상태에 있는지 확인합니다.



구글 태그 관리자와 구글 애널리틱스 연동하기

구글 태그 관리자와 구글 애널리틱스 연동하기

워드프레스에 구글 태그 관리자 설치를 완료하였다면, 구글 태그 관리자와 구글 애널리틱스를 연동하는 작업이 필요합니다. 해당 작업은 아래 가이드 문서를 참고해 주시기 바랍니다.


구글 태그 관리자 설치에 대해 더 상세한 설명이 필요하다면 아래 자료를 참고해 주세요.  

관련 자료 : 구글 태그 관리자 설치하기



그로스해킹스쿨 → https://bit.ly/49Rl83H

- 더 많은 그로스 해킹 전략과 사례를 확인할 수 있습니다
- 데이터 분석과 활용에 대한 고민이 있다면 문의를 남겨 주세요. 



작가의 이전글 GA4의 세션수가 맞지 않는 이유
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari