Embudo de conversión y Mapa de calor — Documentación
Embudo de conversión de 9 pasos y mapa de calor de clics/scroll para PrestaShop 8 y 9.
El módulo DataFirefly – Embudo de conversión y Mapa de calor (dffunnelheatmap) reúne dos herramientas de análisis del comportamiento para PrestaShop 8 y 9: un embudo de conversión de 9 pasos que muestra exactamente dónde abandonan tus visitantes, y un mapa de calor que revela en qué hacen clic y hasta dónde se desplazan. Toda la recopilación es 100% first-party, sin servicios de terceros, sin CDN y sin cookies publicitarias.
Instalación
- Descarga el archivo
dffunnelheatmap.zipdesde tu cuenta de cliente. - En el back-office, ve a Módulos > Gestor de módulos, haz clic en Subir un módulo y selecciona el ZIP.
- Durante la instalación, el módulo crea sus tablas, registra sus hooks y añade una pestaña Embudo y Mapa de calor en Estadísticas.
Sin dependencias externas: sin Composer, sin CDN. El módulo funciona de inmediato tras la instalación, con valores por defecto prudentes (muestreo 100%, retención 90 días, Do Not Track respetado).
Acceder al panel
Ve a Estadísticas > Embudo y Mapa de calor (o haz clic en Configurar desde la lista de módulos). La interfaz ofrece cuatro vistas: Panel, Embudo, Mapa de calor y Ajustes.
El panel muestra cuatro indicadores clave: número de visitas, número de pedidos, tasa de conversión global y detección automática del mayor abandono del embudo, junto con una vista previa visual del embudo.
El embudo de conversión
El embudo sigue a tus visitantes paso a paso, desde la primera visita hasta el pedido realizado. Para cada paso, ves el número de sesiones implicadas y el porcentaje de abandono respecto al paso anterior. Los nueve pasos son:
- Visita — cualquier página vista (detección en el servidor).
- Página de producto — consulta de una ficha de producto (servidor).
- Añadir al carrito — detectado en el cliente en la acción «añadir al carrito».
- Página del carrito — visualización del carrito (servidor).
- Checkout — entrada en el proceso de compra (servidor).
- Dirección — paso de dirección del checkout (cliente).
- Envío — paso de transportista (cliente).
- Pago — paso de pago (cliente).
- Pedido realizado — registrado de forma fiable en el servidor mediante el hook de validación del pedido.
Las sesiones se deduplican: una misma sesión se cuenta solo una vez por paso, lo que garantiza tasas de paso precisas. El mayor abandono se destaca automáticamente para indicarte dónde concentrar tus esfuerzos de optimización.
El mapa de calor
El mapa de calor muestra una representación real de la página seleccionada, sobre la que se superponen los datos de comportamiento recopilados.
Mapa de clics
Los clics se representan como un mapa de calor, del azul (pocos clics) al rojo (alta concentración). Ideal para comprobar que tus llamadas a la acción realmente captan la atención.
Profundidad de scroll
La profundidad de desplazamiento se muestra por niveles (25, 50, 75 y 100%), con la proporción de visitantes que alcanzó cada nivel. Así detectas el contenido que todos ven y el que queda por debajo de la línea de flotación.
Elementos más clicados
Un panel lateral clasifica los elementos más clicados (por selector CSS y etiqueta), para identificar con precisión qué despierta el interés.
El mapa de calor carga la página de la tienda en un iframe en same-origin. Si tu servidor fuerza la cabecera X-Frame-Options: DENY, permite SAMEORIGIN para el back-office para que la vista previa se muestre.
Filtros
Todas las vistas comparten una barra de filtros: periodo (7, 30, 90 o 365 días, o un rango personalizado), dispositivo (móvil, tablet, escritorio) y tienda en contexto multitienda.
Ajustes
- Activación global y activación separada del embudo y del mapa de calor.
- Muestreo (1 a 100%) aplicado solo al mapa de calor, para limitar el volumen en sitios de mucho tráfico. El embudo siempre se sigue al 100%.
- Retención en días, con purga automática oportunista y botones de purga manual.
- Compatibilidad con Do Not Track (activada por defecto).
- Seguimiento de los empleados conectados al back-office (desactivado por defecto).
- Purga al desinstalar para eliminar los datos recopilados al eliminar el módulo.
Privacidad (RGPD)
El módulo no recopila ningún dato personal: no almacena la dirección IP ni el correo. El identificador de visitante es anónimo y aleatorio (cookie técnica dffh_vid). El Do Not Track se respeta por defecto y la duración de retención es totalmente configurable. El endpoint de recopilación está protegido por un token validado en el servidor.
Solución de problemas
Los subpasos del checkout (dirección, envío, pago) no se registran. Se basan en el checkout estándar de una página de PrestaShop. Un tema muy personalizado puede requerir un pequeño ajuste de los selectores en views/js/tracker.js.
El recuento de conversiones por dispositivo parece aproximado. El dispositivo no se conoce en el servidor en el momento de la validación del pedido (paso 9), por lo que filtrar las conversiones por dispositivo sigue siendo una estimación.
Desinstalación
La desinstalación elimina la pestaña y los hooks. Los datos recopilados se conservan por defecto; marca la opción Purga al desinstalar en los ajustes de antemano si deseas eliminarlos definitivamente.