Zum Hauptinhalt springen
Capgo Logo
Zurück zu Plugins
@capgo/capacitor-gtm
Anleitung
@capgo/capacitor-gtm

GTM

Google Tag Manager-Integration für Analysen und Tracking

Anleitung

Tutorial zu GTM

Test auf Gerät

Herunterladen der Capgo-App, dann scannen Sie die QR-code.

QR-code für GTM-Plugin-Vorschau

@capgo/capacitor-gtm verwenden

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 Google Tag Manager mit der angegebenen Container-ID.
  • push - Fügt ein Ereignis in die Google Tag Manager-Datenschicht ein.
  • setUserProperty - Setzt eine Benutzerinformation in der Google Tag Manager-Datenschicht.
  • getValue - Holt einen Wert aus dem Google Tag Manager dataLayer. Durchsucht das dataLayer nach dem neuesten Wert der angegebenen Schlüssel.

Beispielanwendung

initialize

Initialisiert Google Tag Manager mit der angegebenen Container-ID.

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

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

push

Pushen Sie ein Ereignis in den Google Tag Manager dataLayer.

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

Fortsetzen Sie mit der Verwendung von @capgo/capacitor-gtm

Wenn Sie die Verwendung von Mit @capgo/capacitor-gtm um native Plugin-Arbeit zu planen, es mit @capgo/capacitor-gtm zur Implementierungsdetail in @capgo/capacitor-gtm, Anleitung zum Starten zur Implementierungsdetail in Anleitung zum Starten, Capgo Plugin-Verzeichnis zur Produktworkflow in Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo zur Implementierungsdetail in Capacitor Plugins von Capgo, und Hinzufügen oder Aktualisieren von Plugins zur Implementierungsdetail in Hinzufügen oder Aktualisieren von Plugins.