Saltar al contenido principal
Volver a plugins
@capgo/capacitor-gtm
Tutorial
@capgo/capacitor-gtm

GTM

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

Guía

Tutoriales sobre GTM

Probar en dispositivo

Descargar la aplicación Capgo, luego escanea el código QR code.

GTM plugin preview QR code

Usando @capgo/capacitor-gtm

La interfaz principal para el plugin de Google Tag Manager.

Instalar

bun add @capgo/capacitor-gtm
bunx cap sync

¿Qué se expone con este plugin?

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

Uso de ejemplo

initialize

Inicializa Google Tag Manager 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 del dataLayer del Administrador de Etiquetas de Google. Busca en el dataLayer el valor más reciente de la clave especificada.

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

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

Referencia Completa

Sigue adelante desde Usando @capgo/capacitor-gtm

Si estás utilizando Usando @capgo/capacitor-gtm para planificar el trabajo de plugin nativo, conecta con @capgo/capacitor-gtm para el detalle de implementación en @capgo/capacitor-gtm, Iniciación para el detalle de implementación en Iniciación, Capgo Directorio de Plugins para el flujo de trabajo del producto en Capgo Directorio de Plugins, Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.