Saltare al contenuto principale

Guida

Tutoriale su GTM

Testare su dispositivo

Scarica l'app Capgo, poi scansa il codice QR code.

GTM plugin preview QR code

Utilizza @capgo/capacitor-gtm

Il principale interfaccia per il plugin del gestore di tag Google.

Installa

bun add @capgo/capacitor-gtm
bunx cap sync

Cos'è che questo plugin espone

  • initialize - Inizializza il gestore di tag Google con l'ID del contenitore specificato.
  • push - Inserisce un evento nel dataLayer del gestore di tag Google.
  • setUserProperty - Imposta una proprietà dell'utente nel dataLayer del gestore di tag Google.
  • getValue - Ottiene un valore dal dataLayer del gestore di tag Google. Cerca nel dataLayer il valore più recente della chiave specificata.

Casi d'uso

initialize

- Inizializza il gestore di tag Google con l'ID del contenitore specificato.

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

await GoogleTagManager.initialize({} as { containerId: string; timeout?: number });

push

Invia un evento al dataLayer di Google Tag Manager.

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

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

setUserProperty

Imposta una proprietà utente nel dataLayer di Google Tag Manager.

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

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

getValue

Recupera un valore dal dataLayer di Google Tag Manager. Cerca nel dataLayer il valore più recente della chiave specificata.

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

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

Riferimento Completo

Continua da Utilizzo di @capgo/capacitor-gtm

Se stai utilizzando Utilizzo di @capgo/capacitor-gtm per pianificare il lavoro del plugin nativo, connettilo con @capgo/capacitor-gtm per i dettagli di implementazione in @capgo/capacitor-gtm Iniziare per i dettagli di implementazione in Iniziare Directory dei Plugin Capgo per il workflow del prodotto in Directory dei Plugin Capgo Plugin Capacitor di Capgo per i dettagli di implementazione in Plugin Capacitor di Capgo, e Aggiungere o Aggiornare Plugin per i dettagli di implementazione in Aggiungere o Aggiornare Plugin.