GeneratePress 테마: 구글 애널리틱스 연동하기

워드프레스에서는 다양한 방문자 분석 플러그인을 제공하지만 플러그인을 사용하면 편리한 측면이 있지만 사이트 속도에 부정적인 영향을 미칠 수 있습니다. 구글 애널리틱스를 사용하여 보다 정교하고 다양한 방문자 통계 정보를 확인할 수 있습니다. 이 글에서는 GeneratePress 테마에서 Element를 사용한 구글 애널리틱스 연동에 대해 살펴보겠습니다.

구글 애널리틱스트뿐만 아니라 페이스북 픽셀 추적 코드(Facebook Pixel tracking code), 구글 애드센스 광고 코드 등 <head>...</head> 섹션에 추가해야 하는 코드도 동일한 방법으로 삽입할 수 있습니다.

[ 이 글은 2022년 6월 9일에 최종 업데이트되었습니다. ]

GeneratePress 테마: 구글 애널리틱스 연동하기

일반적으로 워드프레스에 구글 애널리틱스 코드 추가하기에서 소개하는 방법을 사용하여 구글 애널리틱스와 연동이 가능합니다.

구글 애널리틱스 플러그인도 있지만 그런 플러그인을 사용하면 속도에 안 좋은 영향을 미칠 수 있습니다. 사용하는 SEO 플러그인에서 구글 애널리틱스와 연동하는 기능을 제공하는 경우에는 해당 기능을 사용하는 것이 효과적일 수 있습니다. 예를 들어, Rank Math를 사용하는 경우 Analytics 모듈을 사용하여 구글 계정과 연동이 가능합니다. 하지만 사이트에 글을 많은 경우 DB가 지나치게 커질 수 있습니다. 자세한 내용은 "Rank Math Analytics 기능과 데이터 삭제하기 (SEO 분석)"를 참고해보세요.

저는 워드프레스에 구글 애널리틱스 코드를 효과적으로 추가하는 방법에서 소개하는 방법으로 구글 애널리틱스 코드를 추가했지만, 얼마 전 갑자기 이 방법이 작동하지 않아서 GeneratePress 테마의 Element를 사용하여 구글 애널리틱스 추적 코드를 추가했습니다.

GeneratePress 테마의 Element를 사용하여 구글 애널리틱스 코드 추가하기

GeneratePress 테마에서는 자체 후크(Hook)를 제공하므로 훅을 활용하여 구글 애널리틱스 코드를 비롯하여 구글 애드센스 광고 등을 원하는 위치에 추가할 수 있습니다. GP Premium을 사용한다면 외모 > GeneratePress에서 Elements 모듈을 활성화하여 Element로 후크를 보다 쉽게 추가할 수 있습니다.

워드프레스 제너레이트프레스 테마에서 구글 애널리틱스 코드를 추가하려면 외모 > Elements로 이동한 다음 Add New Element (새 엘리먼트 추가)를 클릭합니다.

워드프레스 GeneratePress 테마 - Elements 모듈

Choose Element Type (엘리먼트 유형 선택) 팝업 창이 표시되면 드롭다운 메뉴에서 Hook을 선택하고 Create (만들기)를 클릭합니다.

워드프레스 제너레이트프레스 테마 엘리먼트 추가하기

Add New Hook (새 훅 추가) 화면이 표시됩니다.

GeneratePress 테마의 Element를 사용하여 구글 애널리틱스 코드 추가하기

다음과 같이 입력하거나 설정합니다.

  1. 이름 필드에 훅 이름을 입력합니다.
  2. 구글 애널리틱스 추적 코드를 복사하여 붙여넣기 합니다.
  3. 하단의 Settings (설정) 탭 아래의 Hook 옵션에 wp_head를 선택합니다(기본 선택되어 있습니다).

위와 같이 설정하면 <head>...</head> 사이트에 구글 애널리틱스 추적 코드가 추가됩니다.

Display Rules (표시 규칙) 탭을 클릭합니다.

Location (위치) 옵션에 Entire Site (전체 사이트)를 선택합니다.

워드프레스 GeneratePress 테마 - 후크 추가하기

필요한 경우 Exclude (제외) 옵션과 Users (사용자) 옵션도 구성할 수 있습니다. 보통은 위와 같이 설정하면 됩니다. 만약 비로그인 사용자(비회원)에게만 표시하고 싶은 경우 Users 옵션에서 Logged Out을 선택하면 됩니다.

설정을 모두 완료했다면 오른쪽 패널에서 공개를 눌러 공개하도록 합니다.

워드프레스 GeneratePress Element 공개하기

구글 애널리틱스 추적 코드를 사이트에 처음 추가하는 경우 구글 애널리틱스 페이지에서 방문자 통계가 표시되는 데 48시간 정도 시간이 걸릴 수 있습니다.

구글 애널리틱스를 사용하면 정교한 방문자 통계를 살펴볼 수 있습니다. 구글 애널리틱스 페이지에서 맞춤설정 / 행동 메뉴가 표시되지 않는 경우에는 속성을 추가할 때 "유니버설 애널리틱스 속성만 만들기"를 선택하면 맞춤설정/행동 메뉴가 표시될 것입니다(참고).

마치며

이상으로 워드프레스 GeneratePress 테마에 구글 애널리틱스 코드를 추가하는 방법에 대해 살펴보았습니다. 위의 방법은 많은 방법 중 하나일 뿐이며, 앞서 언급했듯이 SEO 플러그인 등에서 구글 애널리틱스 코드를 추가할 수 있는 옵션을 제공하는 경우 해당 기능을 사용하면 편리합니다.

아바다 등 일부 테마에서는 테마 옵션을 통해 구글 애널리틱스 추적 코드를 추가할 수 있는 기능을 제공하기도 합니다. 그런 경우에는 테마 옵션을 통해 코드를 추가하면 됩니다.

GeneratePress는 속도가 빠른 테마로 평가받고 있으며 심플한 블로그에 사용하기에 좋은 것 같습니다. 속도가 중요한 사이트인 경우 이 테마가 좋은 옵션일 수 있습니다. 이 블로그에는 Divi, 뉴스페이퍼 등 여러 테마를 거쳐 현재 GeneratePress가 설치되어 있습니다.

참고


2개 댓글

  1. 안녕하세요. 티스토리 초보 블로거인데 검색하다가 여기 사이트를 보게 되어 처음으로 워드프레스의 존재를 알게 되었습니다. 하여 문의글을 작성하였습니다.
    sh*****@gmail.com으로 문의한 건으로 작성했는데 바쁘시더라도 답변을 부탁드립니다.

    1. 안녕하세요, 따블로님. 살펴보니 sh***로 시작하는 지메일로 문의온 건이 없네요. 서비스 문의 페이지는 유료 서비스 처리를 위한 공간입니다. 만약 서비스 문의와 상관 없는 일반적인 질문이라면 관련 글 혹은 아무 글의 댓글로 올려주시기 바랍니다.

댓글 남기기

* 이메일 주소는 공개되지 않습니다.