Lompat ke konten utama
Kembali ke plugin
@capgo/capacitor-gtm
Tutorial
oleh github.com/Cap-go

GTM

Integrasi Google Tag Manager untuk analisis dan pelacakan

Petunjuk

Tutorial pada GTM

Menggunakan @capgo/capacitor-gtm

Antarmuka utama untuk plugin Manajer Tag Google.

Pasang

bun add @capgo/capacitor-gtm
bunx cap sync

Apa yang Dibuka oleh Plugin Ini

  • initialize - Menginisialisasi Manajer Tag Google dengan ID kontainer yang ditentukan.
  • push - Mengirimkan sebuah event ke dataLayer Manajer Tag Google.
  • setUserProperty - Mengatur sifat pengguna di dataLayer Manajer Tag Google.
  • getValue - Mendapatkan nilai dari dataLayer Google Tag Manager. Mencari melalui dataLayer untuk nilai terbaru dari kunci yang ditentukan.

Contoh Penggunaan

initialize

Menginisialisasi Google Tag Manager dengan ID kontainer yang ditentukan.

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

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

push

Mengirimkan sebuah event ke dataLayer Google Tag Manager.

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

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

setUserProperty

Mengatur sifat pengguna di dataLayer Google Tag Manager.

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

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

getValue

- Mendapatkan nilai dari dataLayer Google Tag Manager. Mencari melalui dataLayer untuk nilai terbaru dari kunci yang ditentukan.

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

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

Referensi Lengkap