Saltar al contenido principal
Volver a plugins
@capgo/capacitor-gtm
Tutoría
@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, 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 a la capa de datos de Google Tag Manager.

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

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

setUserProperty

Establece una propiedad de usuario en la capa de datos de Google Tag Manager.

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

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

getValue

Obtiene un valor de la capa de datos de Google Tag Manager. Busca a través de la capa de datos para encontrar el valor más reciente del 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 los detalles de implementación en @capgo/capacitor-gtm, Inicio para los detalles de implementación en Inicio, Directorio de Plugins de Capgo para el flujo de trabajo del producto en Directorio de Plugins de Capgo, Plugins de Capacitor por Capgo para los detalles de implementación en Plugins de Capacitor por Capgo, y Agregar o Actualizar Plugins para los detalles de implementación en Agregar o Actualizar Plugins.