D-SKET 웹사이트 방문자 추적: 구글 애널리틱스(GA4) 연동하고 조회수 보는 법

D-SKET으로 나만의 멋진 웹사이트를 만들고, 야심 차게 블로그 글도 10개나 올렸습니다. 그런데 매일 사이트를 들어가 봐도 답답한 마음뿐이더라고요.

어두운 방 안, 긴 회의 테이블 끝에 홀로 앉아 창밖을 응시하는 사람의 흑백 실루엣 이미지

"도대체 내 글을 읽는 사람이 있기는 한 걸까?""들어와서 바로 나가는 건 아닐까? 끝까지 읽기는 할까?"

방문자 수는 물론이고, 체류 시간이나 스크롤을 얼마나 내리는지 같은 중요한 데이터를 전혀 볼 수 없었기 때문이죠. 마치 관객이 한 명도 안 보이는 깜깜한 무대에서 혼자 연설하는 기분이었습니다. 😅

오늘은 바로 구글 애널리틱스(GA4)를 D-SKET에 연동해서 내 웹사이트의 모든 방문 기록을 확인하는 방법에 대해서 알려드리겠습니다.

1. D-SKET + 구글 애널리틱스(GA4) = 데이터 분석의시작 💡

D-SKET은 노션 페이지를 고성능 웹사이트로 변환해주는 훌륭한 도구지만, 전문적인 '데이터 분석 도구'는 아닙니다. 그래서 데이터 분석이나 마케팅 분석에서 자주 사용하는 구글 애널리틱스(GA4)의 힘을 빌려야 합니다.

웹사이트 데이터 분석 도구인 구글 애널리틱스(Google Analytics)의 공식 로고

D-SKET은 노션과 달리 외부 스크립트(코드) 삽입을 지원합니다. 이 기능을 활용해 구글 애널리틱스라는 '고성능 CCTV'를 내 사이트에 설치하면, 그때부터 이런 것들이 보이기 시작합니다.

실시간 방문자 수: 지금 몇 명이 보고 있는지
유입 경로: 구글 검색인지, 인스타그램 링크인지
인기 페이지: 사람들이 가장 좋아하는 글은 무엇인지

2. 4단계로 끝내는 구글 애널리틱스 연동법 🛠️

코딩을 잘 몰라도 괜찮습니다. 복사하고 붙여넣기만 하면 됩니다. 딱 5분이면 충분해요. ✋

1단계: 구글 애널리틱스(GA4) 추적 코드 찾기

💡 계정이 없으신가요? 먼저 구글 애널리틱스 홈페이지로 이동해서 계정을 생성해주세요. (구글 아이디만 있으면 무료입니다!)

왼쪽 하단의 [관리 (톱니바퀴 아이콘)]를 클릭합니다.

글 애널리틱스(GA4) 홈 화면 왼쪽 하단의 톱니바퀴 아이콘인 '관리' 메뉴를 클릭하는 화면

[데이터 수집 및 수정] → [데이터 스트림] 메뉴에서 내 웹사이트를 선택합니다.
- (만약 웹사이트가 없다면 "스트림 추가" 버튼을 눌러 웹사이트 정보를 입력해주세요.)

데이터 스트림 목록에서 분석할 내 웹사이트(예: d-sket) URL이 적힌 스트림을 클릭하거나, 새로운 스트림을 추가하는 화면

스크롤을 내려서 화면 아래쪽의 [태그 안내 보기] 버튼을 클릭합니다.

웹 스트림 세부정보 페이지 하단에 있는 Google 태그 섹션에서 '태그 안내 보기' 버튼을 클릭하는 화면

[직접 설치] 탭을 누르면 아래와 같은 코드를 복사(Copy)해두세요. 이게 바로 방문자를 기록하는 CCTV 역할을 합니다.

설치 안내 팝업의 '직접 설치' 탭에서 구글 태그(gtag.js) 코드를 확인하고, 우측 상단의 복사 아이콘을 클릭하여 코드를 복사하는 화면

<script async src="[<https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX>](<https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX>)"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>