Saltar al contenido principal
Logo de Capgo
Volver a plugins
@capgo/capacitor-gtm
Tutoriales
por github.com/Cap-go

GTM

Integración de Google Tag Manager para análisis y seguimiento

Descargas/semana

2.1k

GitHub Estrellas

8

Guía

Tutorial sobre GTM

Usando @capgo/capacitor-gtm

La interfaz principal para el plugin de Google Tag Manager.

Instalar

bun add @capgo/capacitor-gtm
bunx cap sync

¿Qué expone este plugin?

  • initialize - Inicializa Google Tag Manager con el ID de contenedor especificado.
  • push - Envía un evento a la dataLayer de Google Tag Manager.
  • setUserProperty - Establece una propiedad de usuario en la dataLayer de Google Tag Manager.
  • getValue - Obtiene un valor desde el dataLayer del Administrador de Etiquetas de Google. Busca a través del dataLayer por el valor más reciente del clave especificada.

Ejemplo de Uso

initialize

Inicializa el Administrador de Etiquetas de Google con el ID de contenedor especificado.

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

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

push

Envía un evento al dataLayer del Administrador de Etiquetas de Google.

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

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

setUserProperty

Establece una propiedad de usuario en el dataLayer del Administrador de Etiquetas de Google.

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

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

getValue

Obtiene un valor desde el dataLayer del Administrador de Etiquetas de Google. Busca a través del dataLayer por el valor más reciente del clave especificada.

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

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

Referencia Completa