본문으로 이동
플러그인으로 돌아가기
@capgo/capacitor-gtm
튜토리얼
github.com/Cap-go에 의해

GTM

Google Tag Manager를 사용한 분석 및 추적 통합

__CAPGO_KEEP_0__ 가이드

__CAPGO_KEEP_0__ GTM 튜토리얼

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

Google 태그 매니저를 지정된 컨테이너 ID와 초기화합니다.

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

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

push

Google 태그 매니저 데이터 레이어에 이벤트를 푸시합니다.

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

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

setUserProperty

Google 태그 매니저 데이터 레이어에 사용자 속성을 설정합니다.

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

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

getValue

Google 태그 매니저 데이터 레이어에서 지정된 키의 최신 값을 검색합니다.

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

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

전체 참조

capgo-gtm을 사용하여 @capgo/capacitor-gtm에서 계속 진행하세요.

__CAPGO_KEEP_0__를 사용하여 native 플러그인 작업을 계획하고 있습니다. capgo를 사용하여 @capgo/capacitor-gtm을 연결하세요. __CAPGO_KEEP_0__를 사용하여 native 플러그인 작업을 계획하고 있습니다. @capgo/capacitor-gtm capgo 구현 세부 사항에 대한 자세한 내용은 @capgo/capacitor-gtm에서 확인할 수 있습니다. Getting Started __CAPGO_KEEP_0__ 구현 세부 사항에 대한 자세한 내용은 Getting Started에서 확인할 수 있습니다. Capgo 플러그인 디렉토리 Capgo 제품 워크플로에 대한 자세한 내용은 Capgo 플러그인 디렉토리에서 확인할 수 있습니다. Capacitor 플러그인들 - Capgo Capacitor 플러그인들 - Capgo 구현 세부 사항에 대한 자세한 내용은 Capacitor 플러그인들 - Capgo에서 확인할 수 있습니다. __CAPGO_KEEP_0__ 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인 추가 또는 업데이트 구현 세부 사항에 대한 자세한 내용은 __CAPGO_KEEP_0__ 플러그인 추가 또는 업데이트에서 확인할 수 있습니다.