Este artículo explica cómo instalar tu Código de Seguimiento de Hotjar en tu sitio de Shopify.
El proceso de pago integrado de Shopify no permite la instalación de scripts de terceros como Hotjar. Sin embargo, hemos proporcionado una solución alternativa para rastrear el flujo de pago de Shopify en una sección separada más abajo.
- Cómo instalar Hotjar en tu sitio de Shopify
- Una solución alternativa para rastrear el flujo de pago de Shopify
Para clientes que no tienen Shopify Plus, el proceso de pago de Shopify bloquea scripts de terceros como Hotjar
Si tienes Shopify Plus, es posible que puedas agregar scripts de terceros a tu página de pago y debes hablar con tu Gerente de Éxito del Comerciante en Shopify para agregar Hotjar a tu proceso de pago.
Para clientes que no tienen Shopify Plus, puedes instalar Hotjar en tu tienda de Shopify, sin embargo, el proceso de pago integrado de Shopify bloqueará scripts de terceros, incluido Hotjar. Esta es una limitación dentro de Shopify, sin embargo, podemos sugerir una solución alternativa para rastrear el flujo de pago de Shopify.
Cómo instalar Hotjar en tu sitio de Shopify
Hotjar no funcionará en entornos de prueba de Shopify
Si el código de seguimiento de Hotjar está instalado en un entorno de prueba de Shopify, no se recopilarán datos y las herramientas de Preguntas no se mostrarán. Esto se debe a las medidas de seguridad de Shopify en torno a qué datos están disponibles dentro del entorno de prueba.
Para obtener más información, visita el artículo del Centro de Ayuda de Shopify: Limitaciones de Píxeles en Entornos de Prueba
Ve a tu página de Sitios de Hotjar y haz clic en Instalar código de seguimiento para tu sitio.
Haz clic en Agregar código manualmente.
Haz clic en Copiar para copiar el Código de Seguimiento a tu portapapeles.
Visita tu panel de administración de Shopify.
Haz clic en Tienda en línea, luego haz clic en Temas.
En tu tema actual, haz clic en Acciones y luego selecciona Editar código.
Dentro de la carpeta de Diseño, haz clic en theme.liquid.
Desplázate hacia abajo en la página theme.liquid hasta que encuentres la etiqueta de cierre </head>.
Algunos temas pueden usar variaciones de las etiquetas <head> </head> como {/head}, [/header], u otras variaciones de [/head]. Todas funcionan de la misma manera.
Pega tu Código de Seguimiento de Hotjar justo antes de la etiqueta de cierre </head>.
Haz clic en Guardar para aplicar los cambios.
Sigue el siguiente conjunto de pasos para instalar también Hotjar en tu página de estado de pedido
Usando los pasos anteriores, el Código de Seguimiento de Hotjar debería estar instalado en tu tienda Shopify. Para también rastrear la página de estado de pedido, necesitarás instalar el Código de Seguimiento en otra sección de Shopify. Sigue los pasos a continuación para obtener ayuda con esto.
Para instalar el Código de Seguimiento en tu página de estado de pedido, dentro de la barra lateral de administración de Shopify haz clic en Configuración.
Haz clic en Compra.
Desplázate hacia abajo hasta llegar a la sección Scripts de la página de estado de pedido. Pega el Código de Seguimiento de Hotjar en el campo de texto.
Haz clic en Guardar.
El Código de Seguimiento de Hotjar debería estar ahora instalado en tu página de estado de pedido. Esto no instala el Código de Seguimiento en tu proceso de pago de Shopify, ya que el proceso de pago integrado de Shopify no permite scripts de terceros, como Hotjar.
Una solución alternativa para rastrear el flujo de pago de Shopify
Desafortunadamente, el proceso de pago integrado de Shopify no permite que los scripts de terceros, como Hotjar, funcionen en las páginas de pago. Sin embargo, a continuación se muestra una posible solución alternativa para rastrear el flujo de pago de Shopify en Hotjar:
Rastrea la página de estado de pedido
Shopify permite que Hotjar funcione en tu página de estado de pedido. Esto significa que puedes filtrar a los usuarios que realizaron una compra utilizando el filtro URL contiene para Grabaciones y Mapas de Calor, basándote en la URL de la página de confirmación de pedido de tu sitio. Por ejemplo, después de una compra, los usuarios pueden ver una página con una URL que contiene /thank_you y puedes filtrar Grabaciones y Mapas de Calor en base a esta URL. Deberás verificar la URL específica utilizada para tu sitio web, que puede ser diferente a /thank_you, y utilizarla para filtrar.
Agrega disparadores de eventos para comparar aquellos que compraron con los usuarios que no completaron el proceso de pago
Si estás interesado en comparar a los usuarios que realizaron una compra versus aquellos que comenzaron el proceso de pago pero no lo completaron, puedes explorar agregar desencadenadores de eventos a los botones en tu sitio que llevarían a los usuarios a la página de pago. Luego, las grabaciones se pueden filtrar en función de estos eventos, para comparar los siguientes segmentos de usuarios:
- Usuarios que hicieron clic en los botones y llegaron a la página de confirmación de pedido.
- Usuarios que hicieron clic en los botones y no llegaron a la página de confirmación de pedido.
¿Tienes problemas para instalar el Código de Seguimiento de Hotjar?
Visita nuestros artículos sobre Cómo verificar que Hotjar está funcionando y Preguntas frecuentes de solución de problemas para la instalación del Código de Seguimiento para obtener orientación sobre la resolución de problemas.