@capgo/capacitor-gtm 사용

Google Tag Manager 플러그인의 주요 인터페이스.

설치

bun add @capgo/capacitor-gtm
bunx cap sync

이 플러그인이 제공하는 내용

initialize - 지정된 컨테이너 ID로 Google Tag Manager를 초기화합니다.
push - Google Tag Manager 데이터 레이어에 이벤트를 푸시합니다.
setUserProperty - Google Tag Manager 데이터 레이어에 사용자 속성을 설정합니다.
getValue - Google Tag Manager 데이터 레이어에서 지정된 키의 최신 값을 검색합니다.

사용 예

`initialize`

지정된 컨테이너 ID로 Google Tag Manager를 초기화합니다.

import { GoogleTagManager } from '@capgo/capacitor-gtm';

await GoogleTagManager.initialize({} as { containerId: string; timeout?: number });

`push`

Google Tag Manager 데이터 레이어에 이벤트를 푸시합니다.

import { GoogleTagManager } from '@capgo/capacitor-gtm';

await GoogleTagManager.push({
  event: 'purchase',
  parameters: {
    value: 99.99,
    currency: 'USD'
  }
});

`setUserProperty`

Google Tag Manager 데이터 레이어에 사용자 속성을 설정합니다.

import { GoogleTagManager } from '@capgo/capacitor-gtm';

await GoogleTagManager.setUserProperty({
  key: 'user_type',
  value: 'premium'
});

`getValue`

Google Tag Manager 데이터 레이어에서 값을 가져옵니다. 데이터 레이어에서 가장 최근에 지정된 키의 값을 검색합니다.

import { GoogleTagManager } from '@capgo/capacitor-gtm';

await GoogleTagManager.getValue({} as { key: string });

전체 참조

GitHub: github.com/Cap-go/capacitor-gtm
문서: /docs/plugins/gtm/

Using @capgo/capacitor-gtm에서 계속 진행하세요.

__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm을 사용하는 경우 capgo/capacitor-gtm을 사용하여 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm과 연결하세요. capgo/capacitor-gtm @capgo/capacitor-gtm에 대한 구현 세부 정보 시작하기 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm에 대한 구현 세부 정보 Capgo 플러그인 디렉토리에 대한 제품 워크플로우 Capgo 플러그인에 대한 __CAPGO_KEEP_1__ @Capacitor 플러그인에 대한 Capgo에 대한 구현 세부 정보, 및 for the implementation detail in Capacitor Plugins by Capgo, and @__CAPGO_KEEP_0__ 플러그인 추가 또는 업데이트에 대한 구현 세부 정보 푸터

GTM

GTM에 대한 튜토리얼