Aller directement au contenu principal
Retour aux plugins
@capgo/capacitor-gtm
Tutoriel
par github.com/Cap-go

GTM

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

Guide

Tutoriel sur GTM

Utilisation de @capgo/capacitor-gtm

L'interface principale 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 dans 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 à partir de la dataLayer du Google Tag Manager. Cherche dans la dataLayer pour la valeur la plus récente de la clé spécifiée.

Exemple d'utilisation

initialize

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

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

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

getValue

Récupère une valeur à partir de la dataLayer du Google Tag Manager. Cherche dans la dataLayer 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