Guide
Comment utiliser GTM dans Capacitor
Utilisation de @capgo/capacitor-gtm
L'interface principale du plugin Google Tag Manager.
Installer
bun add @capgo/capacitor-gtm
bunx cap sync
bunx cap sync copie les code natifs du plugin dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à niveau du plugin.
Importer
import { GoogleTagManager } from '@capgo/capacitor-gtm';
API en un coup d'œil
| Méthode | Description |
|---|---|
initialize |
Initialise Google Tag Manager avec l'identifiant de conteneur spécifié. |
push |
Envoie un événement à la couche de données Google Tag Manager. |
setUserProperty |
Définit une propriété utilisateur dans la couche de données Google Tag Manager. |
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. |
reset |
Réinitialise l'instance du gestionnaire de balises Google et efface toutes les données. Cela supprimera toutes les données de la dataLayer et nécessitera une réinitialisation. |
Exemples
initialize()
Initialise Google Tag Manager avec l'identifiant de conteneur spécifié.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.initialize({ containerId: 'container-id-123' });
push()
Envoie un événement à la couche de données 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 couche de données Google Tag Manager.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.setUserProperty({
key: 'user_type',
value: 'premium'
});
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.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
const result = await GoogleTagManager.getValue({ key: 'key-123' });
console.log(result);
reset()
Réinitialise l'instance du gestionnaire de balises Google et efface toutes les données. Cela supprimera toutes les données de la dataLayer et nécessitera une réinitialisation.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.reset();
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 du 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 de plugins Capgo pour le flux de travail du produit dans le Répertoire de Plugin Capgo Capacitor Plugins par Capgo pour le détail d'implémentation dans Capacitor Plugins par Capgo, et Ajouter ou Mettre à Jour les Plugins pour le détail d'implémentation dans Ajouter ou Mettre à Jour les Plugins.