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 QR code.

Lien QR de prévisualisation du plugin GTM code

En utilisant @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 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 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 à 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 à partir du dataLayer du Gestionnaire de balises Google. Cherche dans le 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

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-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 Getting Started, Capgo Répertoire de plugins pour le flux de travail du produit dans Capgo Répertoire de 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.