워드프레스를 운영하다 보면 방문자 통계가 궁금해집니다. 많은 분석 플러그인이 존재하지만, 대부분은 사이트 속도에 영향을 미칠 수 있습니다. 모바일 환경에서는 개인 블로그라도 속도가 중요하기 때문에 구글 애널리틱스(Google Analytics)를 직접 삽입해 사용하는 방법이 더 괜찮을 수 있습니다. 특히 속도에 민감한 GeneratePress 테마에서는 더욱 그렇습니다.
이번 글에서는 GeneratePress 테마의 ‘Element’ 기능을 활용해 GA4 추적 코드를 삽입하는 방법을 자세히 설명드립니다. 이 방법은 구글 애널리틱스 외에도 페이스북 픽셀, 애드센스 광고 코드 등 <head>...</head> 영역에 넣는 모든 스크립트에 응용할 수 있습니다.
플러그인 없이 구글 애널리틱스 연동이 필요한 이유
일반적으로 워드프레스에서는 별도의 플러그인이나 SEO 플러그인을 통해 애널리틱스를 연동할 수 있습니다. 예를 들어 Rank Math의 경우 Analytics 모듈을 제공하여 구글 계정과 연결할 수 있지만, 이 방식은 다음과 같은 단점이 존재합니다.
- 데이터가 DB에 누적되어 사이트가 무거워질 수 있음
- 통계 플러그인이 백엔드 요청을 지속적으로 보내면서 속도 저하 유발
- 가벼운 블로그 운영자에게는 과한 기능
따라서 플러그인 설치 없이 코드만 삽입하는 방식이 성능 최적화 측면에서 유리합니다.
GeneratePress 테마에서 GA4 코드 삽입 방법 (Elements 활용)
GeneratePress Premium을 사용하는 경우, 강력한 Element 기능을 통해 테마 내부에 직접 스크립트를 삽입할 수 있습니다.
1단계: Elements 모듈 활성화
외모 > GeneratePress > Modules로 이동해 Elements 모듈을 활성화합니다.
이 블로그의 화면을 예로 들어보겠습니다.
이 이미지에서처럼 관리자 페이지 상단에 Elements 메뉴가 있고 이걸 클릭하면 Add New Element 버튼이 나옵니다. 빨간 박스 부분의 버튼을 클릭하세요.
2단계: 새 Element 생성
그럼 다음과 같은 화면이 나옵니다. 타입에서 Hook(훅)을 선택하세요. 그리고 Create를 누르면 됩니다.
외모 > Elements로 이동해 [새로 만들기] 클릭- 팝업창에서 Hook을 선택 후 만들기
3단계: Hook 설정
다음과 같은 창이 나오는데요, 아래 설명처럼 여기에 코드를 넣으시면 됩니다.
- 이름: 원하는 제목 입력 (예: 구글 애널리틱스 삽입)
- Hook:
wp_head선택 (기본값) - Content 영역에 GA4 추적 코드 붙여넣기
예시: html복사편집<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXX'); </script>
4단계: 표시 규칙 설정 (Display Rules)
이제 어느 위치에 삽입할 것인지 선택하면 됩니다. wp_head를 선택하세요.
Display Rules탭 클릭- Location:
Entire Site선택 (전체 사이트에 적용) - Users 탭에서 필요 시
Logged Out선택 (비회원만 적용 시)
5단계: 저장 및 게시
사이트 전체에 적용하려면 위 이미지의 빨간 박스처럼 Entire Site를 선택하고 공개를 누르시면 이제 코드가 전체 헤드에 적용됩니다.
- 우측 상단 공개(Publish) 버튼 클릭
이제 사이트의 <head> 태그 안에 구글 애널리틱스 코드가 정상 삽입됩니다.
연동 후 확인사항
- 추적 코드를 삽입한 직후에는 데이터가 바로 표시되지 않을 수 있습니다.
최대 48시간까지 대기해야 방문자 정보가 수집되기 시작합니다. - GA4 속성을 생성할 때 Universal Analytics(UA) 속성을 함께 만들지 않았다면, 기존의 행동 메뉴나 맞춤 리포트 메뉴가 보이지 않을 수 있습니다.
마치며
GeneratePress 테마는 속도와 효율을 중시하는 사용자에게 적합한 테마입니다. 이러한 장점을 살리기 위해선 플러그인 의존도를 최소화하고, 직접 코드를 삽입하는 방식이 효과적입니다.
앞서 설명한 방법은 구글 애널리틱스 외에도 다음과 같은 코드 삽입에도 동일하게 활용할 수 있습니다.
- 페이스북 픽셀
- 구글 애드센스 광고
- 클릭 추적 또는 전환 추적 스크립트
또한 아바다(Avada) 같은 일부 테마는 자체 옵션에서 분석 코드를 삽입할 수 있는 인터페이스를 제공합니다. 사용하는 테마의 옵션을 먼저 확인하고, 없을 경우 위 방법을 따라 적용해보시기 바랍니다.