GTM Capacitor 플러그인

@capgo/capacitor-gtm 사용하기

Google Tag Manager 플러그인의 메인 인터페이스입니다.

설치

bun add @capgo/capacitor-gtm
bunx cap sync

bunx cap sync 플러그인의 네이티브 code를 네이티브 프로젝트에 복사합니다. 플러그인을 업그레이드할 때마다 다시 실행하세요.

가져오기

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

API 한눈에 보기

예시

initialize()

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

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

await GoogleTagManager.initialize({ containerId: 'container-id-123' });

push()

Google Tag Manager dataLayer로 이벤트를 전송합니다.

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

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

setUserProperty()

Google Tag Manager dataLayer에 사용자 속성을 설정합니다.

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

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

getValue()

Google Tag Manager dataLayer에서 값을 가져옵니다. 지정된 키의 가장 최신 값을 dataLayer에서 검색합니다.

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

const result = await GoogleTagManager.getValue({ key: 'key-123' });
console.log(result);

reset()

Google Tag Manager 인스턴스를 초기화하고 모든 데이터를 삭제합니다. dataLayer의 모든 데이터가 제거되므로 재초기화가 필요합니다.

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

await GoogleTagManager.reset();

전체 레퍼런스

• GitHub 리포지토리
• 문서
• API 레퍼런스

@capgo/capacitor-gtm 사용법 계속 보기

사용 중이라면 @capgo/capacitor-gtm 사용법 네이티브 플러그인 작업을 계획하려면, 이를 다음 항목과 연결하세요: @capgo/capacitor-gtm @capgo/capacitor-gtm의 구현 세부 사항은 시작하기 Getting Started의 구현 상세 내용은 Capgo 플러그인 디렉토리 Capgo Plugin Directory의 제품 워크플로우에 맞춰, Capgo의 Capacitor 플러그인 Capgo의 Capacitor Plugins 구현 세부 사항 및 플러그인 추가 또는 업데이트 플러그인 추가 또는 업데이트의 구현 세부 사항은.