https://medium.com/@ertemishakk/react-js-google-analytics-4-with-firebase-ea9ca6cf9ac8
React JS Google Analytics 4 with Firebase
What is Google Analytics 4?
medium.com
이벤트 참조 : https://developers.google.com/tag-platform/gtagjs/reference/events
이벤트 참조 | 태그 | Google Developers
Google의 새로운 태그 문서를 미리 확인해 주셔서 감사합니다. 이 사이트는 공개 베타 버전입니다 (의견 보내기). 이벤트 참조 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하
developers.google.com
https://firebase.google.com/docs/reference/js/analytics
analytics package | Firebase JavaScript API reference
firebase.google.com
00. import getAnalytics, logEvent
service/firebase.js
import { initializeApp } from "firebase/app";
import { getAnalytics, logEvent } from "firebase/analytics";// Initialize Firebase
//...firebaseConfig 설정
const app = initializeApp(firebaseConfig);
// Initialize Analytics and get a reference to the service
const analytics = getAnalytics(app);firebase/analytics 으로부터 getAnalytics, logEvent 을 임포트 해옵니다.
📌 getAnalytics : 지정된 앱에 대한 Analytics 인스턴스를 반환합니다.
📌 logEvent : 주어진 eventParams 와 함께 Google Analytics 이벤트를 보냅니다. 이 메소드는 이벤트를 해당 기기의 Firebase 웹 앱 인스턴스와 자동으로 연결합니다.
01. 이벤트 요청
select_content에 대한 로그를 찍는 예시입니다.
import { analytics, logEvent } from "./firebase"; // 위에서 선언한 service/firebase.js 로부터 import해옵니다.
logEvent(analytics, 'select_content', {
content_type: 'image',
content_id: 'P12453',
items: [{ name: 'Kittens' }]
});