Saltar al contenido principal
Logo de Capgo
Volver a plugins
@capgo/capacitor-gtm
Tutoriales
@capgo/capacitor-gtm

Icono del plugin GTM

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

Descargas/mes

2.1k

GitHub Estrellas

10

Guía

Tutorial sobre GTM

Usando @capgo/capacitor-gtm

La interfaz principal para el plugin de Google Tag Manager.

Instalación

bun add @capgo/capacitor-gtm
bunx cap sync

¿Qué Exposiciones Esta 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.

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 del 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

Sigue adelante desde Using @capgo/capacitor-gtm

Si estás utilizando Usando @capgo/capacitor-gtm para planificar el trabajo de plugin nativo, conecta con @capgo/capacitor-gtm para obtener detalles de implementación en @capgo/capacitor-gtm, Inicio para obtener detalles de implementación en Inicio, Capgo Directorio de Plugins para el flujo de trabajo del producto en el directorio de plugins Capgo 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.