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

Tutorial en GTM

Probar en dispositivo

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

Enlace QR de vista previa del plugin de GTM 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 el administrador de etiquetas de Google con el ID de contenedor especificado.
  • push - Envía un evento al dataLayer del administrador de etiquetas de Google.
  • setUserProperty - Establece una propiedad de usuario en el dataLayer del administrador de etiquetas de Google.
  • getValue - Obtiene un valor del dataLayer del administrador de etiquetas de Google. Busca a través del dataLayer por el valor más reciente del clave especificada.

Uso de ejemplo

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 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 el dataLayer de Google Tag Manager.

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

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

getValue

Obtiene un valor del dataLayer de Google Tag Manager. 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, Inicio para el detalle de implementación en Inicio, 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.