Allez directement au contenu principal
Retour aux plugins
@capgo/capacitor-gtm
Tutoriel
@capgo/capacitor-gtm

GTM

Intégration Google Tag Manager pour les analyses et les suivi

Guide

Tutoriel sur GTM

Tester sur appareil

Téléchargez l'application Capgo, puis scannez le code QR code.

Lien QR de prévisualisation du plugin GTM code

Utilisation de @capgo/capacitor-gtm

L'interface principale du plugin Google Tag Manager.

Installer

bun add @capgo/capacitor-gtm
bunx cap sync

Ce que ce plugin expose

  • initialize - Initialise le gestionnaire de balises Google avec l'ID du conteneur spécifié.
  • push - Envoie un événement au dataLayer du gestionnaire de balises Google.
  • setUserProperty - Définit une propriété utilisateur dans le dataLayer du gestionnaire de balises Google.
  • getValue - Récupère une valeur du dataLayer du gestionnaire de balises Google. Cherche dans le dataLayer la valeur la plus récente de la clé spécifiée.

Exemple d'utilisation

initialize

Initialise le gestionnaire de balises Google avec l'ID du conteneur spécifié.

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

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

push

Envoie un événement vers la couche de données du Gestionnaire de balises Google.

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

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

setUserProperty

Définit une propriété utilisateur dans la couche de données du Gestionnaire de balises Google.

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

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

getValue

Récupère une valeur de la couche de données du Gestionnaire de balises Google. Cherche dans la couche de données pour la valeur la plus récente du clé spécifiée.

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

await GoogleTagManager.getValue({} as { key: string });

Référence complète

Continuez à utiliser @capgo/capacitor-gtm

Si vous utilisez En utilisant @capgo/capacitor-gtm pour planifier le travail du plugin natif, connectez-le avec @capgo/capacitor-gtm pour les détails d'implémentation dans @capgo/capacitor-gtm, Démarrage pour les détails d'implémentation dans Démarrage, Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins, Capacitor Plugins par Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo, et Ajouter ou Mettre à jour les plugins pour les détails d'implémentation dans Ajouter ou Mettre à jour les plugins.