useDataLayer
El hook useDataLayer permite interactuar con el objeto global de dataLayer para enviar eventos y datos personalizados.
Importación
Para importar el componente useDataLayer, se puede hacer desde fenextjs
import { useDataLayer } from "fenextjs";Parámetros
| Parámetro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| useDataLayerProps | object | no | Propiedades de configuración para el hook. Actualmente no requiere ninguna propiedad específica. |
useDataLayerPushProps
Propiedades que pueden ser enviadas a dataLayer usando la función push.
| Nombre | Descripcion | Default |
|---|---|---|
| event | Nombre del evento que se va a enviar a dataLayer. | N/A |
| value | Valor opcional asociado al evento. | undefined |
| [id: string]: any | Propiedades adicionales que se pueden incluir en el evento. | N/A |
Returns
| Parametro | Tipo | Descripcion |
|---|---|---|
| push | (props: useDataLayerPushProps) => boolean | Función que envía un evento y datos al objeto dataLayer. Retorna true si el evento se ha enviado correctamente, false si dataLayer no está disponible. |
Usos
- Enviar evento básico
const { push } = useDataLayer();
push({ event: "pageView" });- Enviar evento con datos adicionales
const { push } = useDataLayer();
push({ event: "userLogin", userId: "12345", value: "Inicio de sesión" });