[Notion] 원하는 노션 페이지에 구글 애널리틱스(GA) 사용하기
노션 페이지의 권한을 공개(Public access)로 설정해두면 노션에 로그인하지 않아도 누구나 열람할 수 있다. Allow Search Engines 옵션에 체크하면 구글 검색 결과에 노출시킬 수도 있다. 이처럼 페이지를 공개하면 일반 웹페이지처럼 볼 수 있는 장점 때문에 많은 사람들이 블로깅 같은 용도로 사용하고 있다. 하지만 네이버 블로그, 티스토리, 워드프레스 같은 블로그 서비스와는 다르게 노션 같은 노트 서비스는 방문자 통계 기능을 제공하지 않는다. 그래서 긴 주소를 짧게 만들어주는 Bit.ly를 이용해 링크 클릭수를 확인하거나, 조회수 카운터를 임베드하는 방법으로 통계 기능을 대신하기도 한다. 하지만 이런 한정적인 정보만 볼 수 있는 점은 역시나 아쉬움이 많이 남는다. (구글 애널리틱스는 활성 사용자, 유입경로/채널, 가장 오래 본 페이지, 이탈 페이지 등 다양한 정보를 확인할 수 있다).
다행히 노션에서도 구글 애널리틱스를 사용할 수 있는 방법을 발견했다. 김민석 개발자 님이 만든 프록시 서버인 Notion-GA를 이용하면 된다. 구글 애널리틱스의 Measurement Protocol을 이용해 HTTP 요청을 구글 애널리틱스 서버로 전송하는 방식이라고 한다. 아래는 김민석 님의 블로그에서 발췌한 내용이다.
...Measurement Protocol은 자바 스크립트를 통하지 않고도 구글 애널리틱스에 이벤트를 보낼 수 있도록 만든 일종의 통신 규약입니다. 주로 자바 스크립트를 사용할 수 없는 환경에서 사용합니다. 노션에서 사용하기 적절한 방법이죠.
방법은 간단합니다. Measurement Protocol이 정의한 규약에 따라 HTTP 요청을 구글 애널리틱스 서버로 보내기만 하면 됩니다. 그걸 노션에서 어떻게 하냐고요? 노션 페이지에 Embed 이미지만 넣으면 됩니다. 그 외에도 할게 많긴 한데, 제가 미리 만들어 놓았으니 걱정하지 않아도 됩니다.
— 출처 : 김민석 님 블로그
🔎 설정 방법
Notion-GA를 이용한 구글 애널리틱스 설정은 5분도 안 걸릴 정도로 간단하다. 추적 코드 URL을 원하는 노션 페이지에 Embed 이미지로 삽입하면 끝이다.
1. 자신의 구글 애널리틱스 추적 ID 확인
구글 애널리틱스 로그인 → 왼쪽 하단 "관리" 클릭 → "속성 설정" 클릭 → UA로 시작하는 추적 ID 확인
2. 추적 코드 URL 수정
https://notion-ga.ohwhos.now.sh/collect?tid=추적ID&host=도메인&page=/경로추적 ID(tid) : 앞서 확인한 구글 애널리틱스의 UA-00000000-0 형식의 추적 ID
도메인(host) : notion.so
경로(page) : 구분하기 쉽게 /notion/main 등으로 임의 입력. 경로의 맨 앞은 / (슬래시)로 시작해야 한다.
3. Notion 페이지에 추적 코드 URL 삽입
원하는 노션 공개 페이지에 /image 입력 → Embed link 선택 후 추적 코드 URL을 붙여 넣기 하면 된다. Embed image 버튼을 눌러 링크를 삽입해도 페이지 상에선 아무것도 뜨지 않는다. 정상적으로 적용된 것이니 걱정하지 말자. 추후 코드 수정/삭제를 위해 페이지 맨 마지막 부분에 삽입할 것을 추천한다.
4. 구글 애널리틱스에 적용되는지 확인
웹브라우저에 노션 페이지를 띄워놓은 뒤 구글 애널리틱스 실시간 보고서 부분을 살펴보자. 추적 코드 URL에 적었던 경로명이 사용 중인 인기 페이지 목록에 나타난다면 정상적으로 적용된 것이다.
'⌚️ Productivity' 카테고리의 다른 글
| [Notion] 여러 노션 페이지에 동기화되는 글로벌 블록 만들기 (9) | 2020.05.11 |
|---|---|
| [Notion] 노션에 익명 댓글창 설치하기 — Joey (13) | 2020.05.08 |
| [Notion] 원하는 노션 페이지에 구글 애널리틱스(GA) 사용하기 (23) | 2020.05.07 |
| [Notion] 노션 페이지 링크 걸기 꿀팁 (9) | 2020.05.02 |
| [Notion] 노션에서 하위 블록의 칼럼(열) 나누기 (9) | 2020.04.29 |
| [웹사이트] 여러 번역사이트 한 번에 비교하기 (0) | 2020.04.28 |
어머멍!~~ >_<
좋은 글 감사해요~~ 자주 올게요 !!
GA 코드를 심을 때, GA에 기본적으로 설정해야하는 것들이 또 따로 있나요?
저는 잘 안되서요ㅠ_ㅠ
Notion 블로그를 통한 페이지 구성시에는 각 페이지에 모두 개별 Embed link을 설정 해줘야 할까요.? 최상단 root 디렉토리에 추가하면 하위에 모두 적용 되는거는 아닌가요.?
임베드링크를 수정하고 싶을 때는 어떻게 해야 하나요?
이미지가 안보여서 링크를 찾을 수가 없습니다 ㅠ
안녕하세요. GA4로 업데이트되어 추적코드 ID가 존재하지 않던데 이 경우 어떻게 하면 될까요..?
그리고 업데이트 때문인지 뭔지 안보이지 않고 계속 링크걸린것처럼 뜨는데 어떻게 해야할까요..?
위 방법대로 하면 유입 경로의 소스/매체 정보도 잡히는 게 맞을까요~?
유입 경로를 추적하고 싶은 페이지의 URL을 Campaign URL builder로 소스/매체 값을 달아주었는데 왜 구글 애널리틱스에는 아무런 소스/매체 값도 잡히지 않을까요? ㅠㅠ
접속자 수, 위치, 브라우저 등의 정보는 잡히는데 제일 궁금한 소스/매체 값이 전부 (direct/none)으로 잡혀 답답해서 여쭤봅니당...
임베드한 걸 삭제하고싶을 때 보이지가 않아서 삭제를 어떻게 해야할 지 모르겠는데.. 아예 이미지가 안보이더라고요 ㅠ.ㅠㅎㅎ 혹시 어떻게 삭제할 수 있을까요?
안녕하세요. 좋은 글 작성해주셔서 감사합니다. GA4로 업데이트 되어 추적코드 ID가 측정코드 ID로 변경 되어 G-XXXX와 같은 형태로 생성됩니다. 'G-'를 제외한 숫자를 넣어 이미지 임베드를 하였는데 구글애널리틱스 홈에서는 어떤 내용도 조회가 되지 않습니다. 혹시 업데이트 되면서 작성해주신 내용은 사용을 못 하게 된건지.. 궁금해서 문의드려요.
안녕하세요. 내용 잘 확인하였습니다
저희 채용공고에 말씀 주신 방법으로 GA 설치 완료해서 잘 작동되고 있는것을 확인헸습니다.
그런데 궁금한게 있습니다.
Embed 를 삽입한 페이지를 기준으로 유저가 다른 페이지로 넘어갈 경우 GA 상에서 "이탈률"로 체킹되는거 같은데, Embed 를 삽입한 페이지 외 다른페이지로 넘어갈 경우에도 GA 상에서 유저 "행동", 획득, "인구통계" 등등 과 같은 정보를 확인 할 수 있는 걸까요?
으흠.. 방금 확인해보니.. GA 실시간 메뉴료 으로 확인해보니.. /notion/main 페이지만 계속 떠 있고, 다른 페이지로 이동 시 어느 페이지에 머무는지 확인이 안되네요 ;ㅁ;..
제가 설치를 잘못한걸까요?
안녕하세요 질문이 있어서 댓글 남기게 되었습니다.
1. 페이지 당 하나에 추적코드만 임베드 할 수 있나요 ?
2. 추적 코드 임베드를 할 수 있는 페이지 수 제한이 있나요 ?
페이지 당 하나만 된다고 판단되어 페이지 수를 늘려가면서 추적코드를 임베드 하고 있는데, 어느 순간 임베드가 안 되고 링크 삽입 시 로딩만 됬다가 이미지가 바로 사라집니다.
어떤 오류가 있는 걸까요 ?
url를 입력했는데 검색어를 포함할 수 없다고 하는데 어떻게 해야하나요?
위에 그대로 따라했습니다! 추적 id만 변경하였어요
정보 덕에 잘 설치했습니다! 저도 아래 다른분들처럼 소스/매체 기록이 되지 않고, 향후 이어지는, (동일 GAID가 설치되어있는) 다른 페이지로의 이동이 측정되지 않고, 이탈 100% 페이지 머문시간 00:00:00 으로 기록되네요. 어떻게 수정하면 될지 도움 주실 수 있을까요?