Lompat ke konten utama
Kembali ke plugin
@capgo/capacitor-gtm
Tutorial
@capgo/capacitor-gtm

GTM

Integrasi Google Tag Manager untuk analisis dan pelacakan

Petunjuk

Tutorial pada GTM

Uji coba pada perangkat

Unduh aplikasi Capgo terlebih dahulu, kemudian scan kode QR code.

Tautan QR pratinjau plugin GTM code

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 suatu acara ke dataLayer Manajer Tag Google.
  • setUserProperty - Mengatur sifat pengguna di dataLayer Manajer Tag Google.
  • getValue - Mendapatkan nilai dari dataLayer Manajer Tag Google. Mencari melalui dataLayer untuk nilai terbaru dari kunci yang ditentukan.

Contoh Penggunaan

initialize

Menginisialisasi Manajer Tag Google 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 sebuah properti pengguna di dataLayer Google Tag Manager.

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

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

getValue

Mengambil sebuah 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

Teruskan dari Menggunakan @capgo/capacitor-gtm

Jika Anda menggunakan Menggunakan @capgo/capacitor-gtm untuk merencanakan pekerjaan plugin native, hubungkannya dengan @capgo/capacitor-gtm untuk detail implementasi di @capgo/capacitor-gtm, Mulai Membangun untuk detail implementasi di Mulai Membangun, Capgo Direktori Plugin untuk alur kerja produk di Capgo Direktori Plugin, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo, dan Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin.