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" });