워드프레스에서 구글 애널리틱스를 연동하려는 경우 가장 간단한 방법으로 플러그인을 사용하는 것입니다. 예를 들어, Rank Math SEO 플러그인을 사용하는 경우 Rank Math 검색엔진 최적화 » 알림판에서 분석 (Analytics) 모듈을 활성화하고 구글 계정과 애널리틱스 GA4 속성을 생성하면 간단히 구글 애널리틱스와 연동이 가능합니다.
수동으로 설치하려는 경우에는 구글 애널리틱스에서 설치 코드를 확인하여 워드프레스 사이트의 헤더 섹션에 코드를 추가할 수 있습니다.
GeneratePress 테마에 구글 애널리틱스 GA4 추적 코드 추가하기
구글 애널리틱스 GA4 설치 코드 확인하기
플러그인을 사용하면 구글 계정을 연동하고 구글 애널리틱스 속성을 생성하면 간단히 연동이 가능합니다.
직접 구글 애널리틱스 GA4 속성 설치 코드를 워드프레스에 추가하여 연동하려는 경우 먼저 GA4 설치 코드를 확인해야 합니다.
데이터 수집 및 수정 » 데이터 스트림으로 이동한 다음, 해당 데이터 스트림 속성을 선택하고 Google 태그 » 태그 안내 보기를 클릭합니다.
설치 안내 페이지가 표시되면 직접 설치 탭을 클릭합니다.
상기 화면과 같이 코드는 다음과 같은 형식으로 되어 있습니다.
<!-- Google tag (gtag.js) -->
<script async src="https://iwordpower.com/wp-content/uploads/breeze/google/gtag.js?id=G-EX12345678"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EX12345678');
</script>워드프레스에 구글 애널리틱스 GA4 설치 코드 추가하기
GA4 추적 코드를 확인하였다면, 이제 코드를 헤더 섹션에 추가하면 됩니다. 워드프레스에서는 다양한 방법으로 헤더 섹션에 코드를 추가할 수 있습니다.
간단한 방법으로 WPCode 플러그인을 설치하고 Header 섹션에 코드를 추가할 수 있습니다.
GeneratePress 테마의 유료 버전을 사용하는 경우에는 후크를 사용하여 헤더 섹션에 코드를 추가할 수 있습니다.
외모 » Elements를 클릭하고 Add New Element 버튼을 클릭합니다.
Choose Element Type 팝업이 표시되면 Hook을 선택하고 Create 버튼을 누릅니다.
Add New Hook 페이지가 표시되면 아래 그림과 같이 후크 이름을 지정하고(원하는 이름으로 지정), 애널리틱스 코드를 북사하여 붙여넣기 합니다.
Hook는 wp_head로 지정합니다. 만약 푸터 영역에 코드를 추가해야 한다면 wp_footer 훅을 선택하면 됩니다. Analytics 코드는 헤더 섹션에 추가해야 하므로 wp_head를 선택합니다.
계속하여 Display Rules 탭을 클릭합니다.
코드를 표시할 위치를 지정합니다. Location에서 Entire Site를 선택합니다. 그러면 전체 사이트에서 헤더 섹션에 애널리틱스 코드가 추가되어 로드됩니다.
저장하여 훅을 생성하도록 합니다.
애널리틱스에서 사용자 통계를 수집하여 표시하는 데 2일 정도 시간이 걸릴 수 있습니다. 이틀 정도 지나면 애널리틱스 사이트에서 방문자 통계를 확인할 수 있습니다.
워드프레스 알림판 내에서 구글 애널리틱스 방문자 통계를 확인하고 싶은 경우 워드프레스 플러그인을 사용할 수 있지만, 사이트 속도에 영향을 미칠 수도 있으므로 가급적 구글 애널리틱스 사이트에서 확인하는 것을 고려해보세요.
랭크 매쓰를 사용한다면 분석 모듈을 활성화하여 워드프레스 대시보드에서 방문자 통계와 키워드 등을 확인할 수 있습니다. 하지만 무료 버전에서는 제한적인 통계만 제공되고 제대로 통계를 확인하려면 Rank Math 유료 버전을 사용해야 합니다.