GA event 추적 설정

• 왜 필요한가.

1. 컨텐츠와 사용자간의 상호작용으로 관심을 해석할 수 있다.
2. 웹페이지 로드와 별개로 추적할 수 있는 것이 생긴다.
3. 이벤트는 사용자의 행동에 해당하지만 웹페이지 로드와 별개로 발생하기 때문에 GA가 자동으로 인식하지 못한다. 따라서 추적하기 위한 설정이 필요하다.

• 맞춤 설정
  4가지 항복으로 구성되어있다.

1. 카테고리(Category) - 대분류, 이벤트를 그룹화하기 위해 지정하는 이름 (ex. 상품)

2. 액션(Action) - 중분류, 카테고리를 분류 (ex. 상품 주문, 조회 등의 액션 값)

3. 라벨(Label) - 소분류 (ex. 상품의 이름 등)

4. 값(Value) - 특정 이벤트에 대해 그 값을 부여하고자 할 때 적용.

참조 : https://developers.google.com/analytics/devguides/collection/gtagjs/events

// lib/ga/index.js
// log specific events happening.
export const event = ({ action, params }) => {
  window.gtag("event", action, params);
};

//component.js

import * as ga from "../../lib/ga";

// 추적하고자 하는 이벤트에 추가해준다.

 ga.event({
      action: "compare_offer",
    });

// or
 ga.event({
            action: "purchase",
            params: {
              step: "eximbay",
            },
          });

// 추가하면 분류해놓은대로 이벤트가 추적되어 기록된 것을 GA에서 확인 할 수 있음.