반응형
카엔입니다
카엔
카엔입니다
전체 방문자
오늘
어제
  • 분류 전체보기 (98)
    • 프론트엔드 (74)
      • JavaScript (22)
      • CSS (2)
      • React (21)
      • Next.js (12)
      • 블록체인 (2)
    • 에러 모음 (11)
    • Git (5)
    • 백엔드 (1)
      • GraphQL (1)
    • AWS (2)
    • CS (1)
    • 코딩테스트 (1)
    • 개발 이야기 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 모바일 파란 박스
  • 웹상동작과정
  • useMemo
  • Cloudfront
  • nextron ipc
  • git 덮어쓰기
  • error
  • 구글 스프레드시트 API
  • ec2
  • git
  • nextron
  • ipc 통신
  • useCallback
  • 자바스크립트 이진수 변환
  • ChatGPT
  • Next.js
  • DOUBLE CHECK CONFIGURATION Please double check that you have setup a PAID OpenAI API Account. You can read more here: https://docs.agpt.co/setup/#getting-an-api-key
  • unoptimized error
  • 이벤트루프
  • 자릿수 채우기

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
카엔입니다

카엔

GA connect 집계
프론트엔드

GA connect 집계

2022. 10. 22. 21:00

필요사항

  • GA account
  • React-ga library or gtag
npm i react-ga
// 이벤트 설정
// 구글 애널리틱스 좌측 메뉴에서 [행동-이벤트-개요-이벤트 카테고리] 들어가 확인 가능
gtag('event', <action>, {
	'event_category': <category>,
	'event_label': <label>,
	'value': <value>
});

클릭 이벤트 GAReact.event()


GA Category 구조

category: 대분류

label: 중분류

value: 소분류

에 해당하는 이벤트를 가지게됨

애널리틱스 종류

  • 글로벌 사이트 태그
  • 유니버셜 애널리틱스

참조

Google Analytics로 React에서 성능 및 사용자 추적을 설정하는 방법

Google Analytics 적용기

GA의 이벤트란 어떤 기능을 하는가?(category, action, label)

[구글 애널리틱스] 웹페이지 이벤트 수집하기

[Google Analytics] 글로벌 사이트 태그(gtag) 방식에서 맞춤 이벤트 설정하기 - 분석마케팅

'프론트엔드' 카테고리의 다른 글

브라우저 저장소에 대해 알아보자  (0) 2023.02.09
userAgent 정리  (0) 2022.10.21
userAgent 정리  (0) 2022.08.11
Google Admin Domain  (0) 2022.08.10
선언형 프로그래밍과 명령형 프로그래밍 차이  (0) 2022.08.06
    '프론트엔드' 카테고리의 다른 글
    • 브라우저 저장소에 대해 알아보자
    • userAgent 정리
    • userAgent 정리
    • Google Admin Domain
    카엔입니다
    카엔입니다
    https://www.kaen.site/

    티스토리툴바