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

Icône du plugin GTM

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

Guide

Tutoriel sur GTM

Utilisation de @capgo/capacitor-gtm

L'interface principale du plugin Google Tag Manager.

Installation

bun add @capgo/capacitor-gtm
bunx cap sync

Ce plugin expose les éléments suivants

  • initialize - Initialise Google Tag Manager avec l'ID du conteneur spécifié.
  • push - Envoie un événement à la dataLayer de Google Tag Manager.
  • setUserProperty - Définit une propriété utilisateur dans la dataLayer de Google Tag Manager.
  • getValue - Récupère une valeur de la dataLayer de Google Tag Manager. Cherche dans la dataLayer pour la valeur la plus récente du 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 à la dataLayer de Google Tag Manager.

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 dataLayer 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 dataLayer de Google Tag Manager. Cherche dans la dataLayer 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 à partir de l'utilisation de @capgo/capacitor-gtm

Si vous utilisez En utilisant @capgo/capacitor-gtm pour planifier le travail de plugin natif, connectez-le à @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 du plugin Capgo pour le flux de produit dans le répertoire de plugin Capgo les plugins Capacitor par Capgo pour le détail d'implémentation dans les plugins Capacitor par Capgo, et Ajouter ou Mettre à Jour les Plugins pour le détail d'implémentation dans Ajouter ou Mettre à Jour les Plugins.