Hooks
useDatalayer

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ámetroTipoRequeridoDefaultDescripcion
useDataLayerPropsobjectnoPropiedades 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.

NombreDescripcionDefault
eventNombre del evento que se va a enviar a dataLayer.N/A
valueValor opcional asociado al evento.undefined
[id: string]: anyPropiedades adicionales que se pueden incluir en el evento.N/A

Returns

ParametroTipoDescripcion
push(props: useDataLayerPushProps) => booleanFunció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" });