Anleitung
Tutorial zum Google Tag Manager
Mit @capgo/capacitor-gtm arbeiten
Die Hauptoberfläche für das Google Tag Manager-Plugin.
Installieren
bun add @capgo/capacitor-gtm
bunx cap sync
Was dieses Plugin bereitstellt
initialize- Initialisiert den Google Tag Manager mit der angegebenen Container-ID.push- Fügt einem Ereignis in den Google Tag Manager-Datensatz hinzu.setUserProperty- Setzt eine Benutzerinformation im Google Tag Manager-Datensatz.getValue- Holt einen Wert aus dem Google Tag Manager dataLayer. Durchsucht das dataLayer nach dem neuesten Wert der angegebenen Schlüssel.
Beispielanwendung
initialize
Initialisiert den Google Tag Manager mit der angegebenen Container-ID.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.initialize({} as { containerId: string; timeout?: number });
push
Fügt ein Ereignis zum Google Tag Manager dataLayer hinzu.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.push({
event: 'purchase',
parameters: {
value: 99.99,
currency: 'USD'
}
});
setUserProperty
Setzt eine Benutzer Eigenschaft im Google Tag Manager dataLayer.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.setUserProperty({
key: 'user_type',
value: 'premium'
});
getValue
Holt einen Wert aus dem Google Tag Manager dataLayer. Durchsucht das dataLayer nach dem neuesten Wert der angegebenen Schlüssel.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.getValue({} as { key: string });
Vollständige Referenz
- GitHub: https://github.com/Cap-go/capacitor-gtm/
- Dokumentation: /docs/plugins/gtm/