Guía
Cómo usar GTM en Capacitor
Usando @capgo/capacitor-gtm
La interfaz principal para el plugin de Google Tag Manager.
Instalar
bun add @capgo/capacitor-gtm
bunx cap sync
bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Correlo de nuevo después de cada actualización del plugin.
Importar
import { GoogleTagManager } from '@capgo/capacitor-gtm';
Vista general de API
| Método | Ejemplo de uso |
|---|---|
initialize |
Inicia el administrador de etiquetas de Google con el ID de contenedor especificado. |
push |
Pushe un evento al dataLayer del administrador de etiquetas de Google. |
setUserProperty |
Establece una propiedad de usuario en el dataLayer del Google Tag Manager. |
getValue |
Obtiene un valor del dataLayer del administrador de etiquetas de Google. Busca a través del dataLayer por el valor más reciente de la clave especificada. |
reset |
Reinicia la instancia del administrador de etiquetas de Google y elimina todos los datos. Esto eliminará todos los datos del dataLayer y requerirá la re-inicialización. |
Ejemplos de uso
initialize()
Inicia el administrador de etiquetas de Google con el ID de contenedor especificado.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.initialize({ containerId: 'container-id-123' });
push()
Pushe 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 Google Tag Manager.
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 de la clave especificada.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
const result = await GoogleTagManager.getValue({ key: 'key-123' });
console.log(result);
reset()
Reinicia la instancia del administrador de etiquetas de Google y elimina todos los datos. Esto eliminará todos los datos del dataLayer y requerirá la re-inicialización.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.reset();
Referencia completa
Sigue adelante desde Usando @capgo/capacitor-gtm
Si estás utilizando Usando @capgo/capacitor-gtm para planificar el trabajo de plugin nativo, conectalo con @capgo/capacitor-gtm para los detalles de implementación en @capgo/capacitor-gtm Inicio rápido para los detalles de implementación en Inicio rápido, Directorio de Plugins Capgo para el flujo de trabajo del producto en Directorio de Plugins Capgo Plugins de Capgo en Capacitor para el detalle de implementación en Plugins de Capgo en Capacitor, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.