Al optimizar tu tienda Shopify, es clave comprender cómo interactúan los visitantes con tus páginas.
Las herramientas de mapas de calor como Hotjar o Microsoft Clarity te ayudan a visualizar dónde hacen clic, se desplazan y se mueven los usuarios, para que puedas tomar decisiones basadas en datos y mejorar las conversiones.
Antes de Comenzar
Antes de la instalación, asegúrese de tener:
- Una cuenta válida en una herramienta de mapas de calor (por ejemplo, Hotjar, Microsoft Clarity).
- Accede a tu Administración de Shopify (Tienda online > Temas > Editar código).
- Accede a tu Editor de GemPages or Página de aterrizaje instantánea (ILP) .
Notas importantes
- Las páginas de pago son no rastreado debido a las restricciones de seguridad integradas de Shopify.
- Cumplir siempre con leyes de privacidad (RGPD/CCPA) y asegúrate de que tus visitantes den su consentimiento antes de realizar un seguimiento.
- Publica los cambios después de añadir el script de seguimiento.
Privacidad y cumplimiento
Al realizar el seguimiento de las sesiones de usuario, asegúrese de cumplir con las leyes de privacidad:
- Mostrar un Banner de consentimiento de cookies antes de activar los scripts de seguimiento para los usuarios en regiones sujetas al RGPD.
- Evite registrar datos confidenciales, ya que la mayoría de las herramientas de mapas de calor le permiten hacerlo. Entradas de formulario de máscara o excluir campos.
- Las páginas de pago y de cuenta de Shopify son excluido por defecto del seguimiento para la protección de la privacidad.
¿Cómo integrar las herramientas comunes de mapas de calor?
GemPages es compatible con las principales herramientas de mapas de calor que se pueden añadir mediante scripts de seguimiento. Estas son las dos integraciones más comunes para tiendas Shopify:
Hotjar
Hotjar ayuda a visualizar cómo interactúan los visitantes con tus páginas creadas con Shopify y GemPages mediante mapas de calor de clics, movimientos y desplazamiento.
Puedes instalarlo mediante:
- Agregar el código de seguimiento de Hotjar a tu tema de Shopify.
- Agrega el script a un Elemento Liquid (si estás usando la versión 6) o Código Personalizado Elemento (para usuarios de la versión 7) en la página que desea rastrear.
Consulta la guía completa aquí: Cómo integrar Hotjar con tu tienda Shopify.
Microsoft Clarity
Microsoft Clarity es una herramienta gratuita de mapas de calor y grabación de sesiones que te ayuda a comprender el comportamiento de los usuarios en tu tienda.
Puedes integrarlo de la siguiente manera:
- Agregar el código de seguimiento de Microsoft Clarity a tu tema de Shopify.
- Pegue el script de seguimiento directamente en su tema o página de GemPages.
Siga las instrucciones detalladas aquí: Cómo Integrar Microsoft Clarity con Shopify .
¿Cómo verificar su integración?
Después de agregar su código de seguimiento, siga estos pasos para verificar su integración:
Paso 1: Abre tu tienda Shopify en vivo.
Paso 2: Haga clic derecho y seleccione Ver código fuente para confirmar que su código de seguimiento es visible cerca del <head> </head>.

Paso 3: Visita el panel de control de tu herramienta de mapas de calor. Ten en cuenta que los primeros datos pueden tardar unos minutos en aparecer.
La mayoría de las plataformas muestran un estado como “Seguimiento activo" o "Verificadas."
Solución de problemas de integración de mapas de calor
| Problema | Causa posible | Como arreglarlo |
| El script no funciona | Código colocado en la ubicación incorrecta | Asegúrate de que sea antes de cierre en el theme.liquid |
| No se muestran datos. | Bloqueadores de anuncios o dominios no verificados | Desactiva el bloqueador de anuncios y verifica el dominio de tu sitio. |
| Pago no registrado | Restricción de Shopify | El seguimiento del proceso de compra no está disponible debido a normas de seguridad. |
| Página de GemPages no registrada | Se agregó el script a la página equivocada. | Agregue el script mediante el elemento Liquid (para GemPages v6) o el elemento de código personalizado (para GemPages v7). |
| Retraso en la verificación | El script tarda en registrarse. | Espere hasta 10 minutos o recargue el panel de control. |
gracias por tus comentarios