Zum Hauptinhalt springen
Zurück zu Plugins
@capgo/capacitor-gtm
Tutorial
von github.com/Cap-go

Google Tag Manager

Google Tag Manager-Integration für Analysen und Tracking

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