Allez directement au contenu principal
Retour aux plugins
@capgo/capacitor-gtm
Guide de démarrage
@capgo/capacitor-gtm

GTM

Intégration du 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.

GTM plugin preview QR code

En utilisant @capgo/capacitor-gtm

La principale interface pour le plugin Google Tag Manager.

Installer

bun add @capgo/capacitor-gtm
bunx cap sync

Ce que ce plugin expose

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

Exemple d'utilisation

initialize

Initialise Google Tag Manager 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 de Google Tag Manager.

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

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

setUserProperty

Fixe une propriété utilisateur dans la couche de données de Google Tag Manager.

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 de Google Tag Manager. Cherche dans la couche de données pour la valeur la plus récente de la clé spécifiée.

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

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

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-gtm

Si vous utilisez L'utilisation de @capgo/capacitor-gtm pour planifier le travail de plugin natif, connectez-l’avec @capgo/capacitor-gtm pour les détails d'implémentation dans @capgo/capacitor-gtm, Prise en main pour les détails d'implémentation dans Prise en main, Répertoire des plugins Capgo pour le flux de travail du produit dans Répertoire des plugins Capgo, Plugins Capacitor par Capgo pour les détails d'implémentation dans Plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Ajouter ou mettre à jour des plugins.