GTM plugin Capacitor

Menggunakan @capgo/capacitor-gtm

Antarmuka utama untuk plugin Google Tag Manager.

Instal

bun add @capgo/capacitor-gtm
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode	Deskripsi
initialize	Menginisialisasi Google Tag Manager dengan container ID yang ditentukan.
push	Mengirim event ke Google Tag Manager dataLayer.
setUserProperty	Mengatur user property di Google Tag Manager dataLayer.
getValue	Mengambil nilai dari Google Tag Manager dataLayer. Mencari nilai terbaru dari key yang ditentukan di dalam dataLayer.
reset	Reset instance Google Tag Manager dan hapus semua data. Ini akan menghapus semua data dari dataLayer dan memerlukan inisialisasi ulang.

Contoh

initialize()

Menginisialisasi Google Tag Manager dengan container ID yang ditentukan.

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

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

push()

Mengirim event ke Google Tag Manager dataLayer.

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

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

setUserProperty()

Mengatur user property di Google Tag Manager dataLayer.

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

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

getValue()

Mengambil nilai dari Google Tag Manager dataLayer. Mencari nilai terbaru dari key yang ditentukan di dalam dataLayer.

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

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

reset()

Reset instance Google Tag Manager dan hapus semua data. Ini akan menghapus semua data dari dataLayer dan memerlukan inisialisasi ulang.

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

await GoogleTagManager.reset();

Referensi lengkap

• repositori GitHub
• Dokumentasi
• referensi API

Lanjutkan dari Menggunakan @capgo/capacitor-gtm

Jika Anda menggunakan Menggunakan @capgo/capacitor-gtm untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-gtm untuk detail implementasi di @capgo/capacitor-gtm, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.