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

GTM

Integration von Google Tag Manager für Analysen und Tracking

Anleitung

Tutorial zu GTM

Gerät testen

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

GTM-Plugin-Vorschau-QR code

Verwendung von @capgo/capacitor-gtm

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 zur Google Tag Manager-Datenschicht hinzu.
  • setUserProperty - Setzt eine Benutzer-Eigenschaft in der Google Tag Manager-Datenschicht.
  • getValue - Holt einen Wert aus der Google Tag Manager-Datenschicht. Durchsucht die Datenschicht nach dem neuesten Wert der angegebenen Schlüssel.

Beispiel-Verwendung

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 die Google Tag Manager Datenbank.

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

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

setUserProperty

Setzen Sie eine Benutzer-Eigenschaft in der Google Tag Manager Datenbank.

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

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

getValue

Ermitteln Sie einen Wert aus der Google Tag Manager Datenbank. Durchsuchen Sie die Datenbank 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 Verwenden Sie @capgo/capacitor-gtm um native Plugin-Arbeit zu planen, verbinden Sie es mit @capgo/capacitor-gtm Für die Implementierungsdetails in @capgo/capacitor-gtm, Anleitung zum Starten Für die Implementierungsdetails in Anleitung zum Starten, Capgo-Plugin-Verzeichnis Für die Produktworkflow in Capgo-Plugin-Verzeichnis, Capacitor-Plugins von Capgo Für die Implementierungsdetails in Capacitor-Plugins von Capgo, und Hinzufügen oder Aktualisieren von Plugins Für die Implementierungsdetails in Hinzufügen oder Aktualisieren von Plugins.