Getting Started
Kopieren Sie einen Einrichtungsbefehl mit den Installationsanweisungen und der vollständigen Markdown-Dokumentation für diesen Plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-gtm`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/gtm/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installieren
Abschnitt mit dem Titel „Installieren“Sie können unser AI-gestütztes Setup verwenden, um das Plugin zu installieren. Fügen Sie die Capgo-Fähigkeiten zu Ihrem AI-Tool hinzu, indem Sie den folgenden Befehl verwenden:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsBenutzen Sie dann die folgende Anweisung:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-gtm` plugin in my project.Wenn Sie die manuelle Einrichtung bevorzugen, installieren Sie das Plugin, indem Sie die folgenden Befehle ausführen und die darunter angegebenen Plattform-spezifischen Anweisungen befolgen:
bun add @capgo/capacitor-gtmbunx cap syncImportieren
Abschnitt mit dem Titel „Importieren“import { GoogleTagManager } from '@capgo/capacitor-gtm';API Übersicht
Abschnitt mit dem Titel „API Übersicht“Initialisiert Google Tag Manager mit der angegebenen Container-ID.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.initialize({} as { containerId: string; timeout?: number });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
Abschnitt mit dem Titel ‘Benutzereigenschaft setzen’Setzt eine Benutzereigenschaft im Google Tag Manager dataLayer.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.setUserProperty({ key: 'user_type', value: 'premium'});Liefert einen Wert aus dem Google Tag Manager dataLayer. Sucht im dataLayer nach dem neuesten Wert der angegebenen Schlüssel.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.getValue({} as { key: string });Setzt die Google Tag Manager-Instanz zurück und löscht alle Daten. Diese Aktion entfernt alle Daten aus der dataLayer und erfordert eine erneute Initialisierung.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.reset();Quelle der Wahrheit
Abschnitt mit dem Titel “Quelle der Wahrheit”Diese Seite wird aus dem Plugin generiert.
Läuft die öffentliche __CAPGO_KEEP_0__ in der Quelle ändern, führen Sie die Synchronisation erneut durch. src/definitions.ts. Re-run the sync when the public API changes upstream.
Abschnitt mit dem Titel “Weitermachen von Getting Started”
Wenn Sie "Getting Started" verwenden, um das Dashboard und die __CAPGO_KEEP_0__-Operationen zu planen, verbinden Sie es mitGetting Started Wenn Sie "Getting Started" verwenden, um das Dashboard und die __CAPGO_KEEP_0__-Operationen zu planen, verbinden Sie es mit to plan dashboard and API operations, connect it with Mit @capgo/capacitor-gtm für die native Fähigkeit für die native Fähigkeit in Mit @capgo/capacitor-gtm, API Übersicht für die Implementierungsdetails in API Übersicht, Einführung für die Implementierungsdetails in Einführung, API Schlüssel für die Implementierungsdetails in API Schlüssel, und Geräte für die Implementierungsdetails in Geräte.