Configurar Microsoft Clarity en Shopify

Suscríbete a la Newsletter

Tabla de Contenidos

Bienvenido al tutorial sobre cómo configurar Clarity en Shopify para poder analizar el comportameinto de tus clientes potenciales.

Configuración paso a paso de clarity en Shopify

Dónde lo vamos hacer mediante el caso real de Surfoon y poder analizar en tiempo real el comportamiento de usuarios.

Paso 1: Crear una Cuenta en Microsoft Clarity

  1. Visita Microsoft Clarity y regístrate para obtener una cuenta gratuita.
  2. Inicia sesión y crea un nuevo proyecto.
  3. Toma nota del código de seguimiento que se genera para tu proyecto.

Al crear un nuevo proyecto selecciona la configuración para Shopify.

Dónde al hacer clic te aparecerá una pestaña similar a esta 👇

Copia el código, el cual lo tendremos que introducir en nuestro código.

Paso 2: Acceder a tu Tienda Shopify

  1. Inicia sesión en tu cuenta de Shopify.
    • Copia el código de seguimiento de Clarity del panel.
  2. Dirígete a «Online Store» (Tienda Online) en el panel de control y selecciona «Themes» (Temas).

Paso 3: Editar el Código del Tema en Shopify

  1. En la página de «Themes», haz clic en «Actions» (Acciones) y selecciona «Edit Code» (Editar Código).
  1. Busca el archivo theme.liquid que generalmente se encuentra en la carpeta Layout. Truco: En el buscador introduce: «theme.liquid»
  1. Dentro de este archivo, antes de la etiqueta </head>, pega el código de seguimiento de Microsoft Clarity que obtuviste en el Paso 1.
    • Utiliza el buscador e introduce: «/head»

Pega el código del inicio que te ha dado clarity.

Paso 4: Guardar y Publicar

  1. Guarda los cambios que realizaste en el archivo theme.liquid.
  2. Publica el tema actualizado.

Paso 5: Abrir configuración

  1. Ves a la configuración general de Shopify
  1. Seleccione Finalizar la compra, «pantalla de pago»
  • Desplacate hacia abajo hasta el campo Scripts adicionales. Pega el código de seguimiento de Clarity (El mismo que has pegado antes).

Paso 6: Verificar la Integración de Clarity con Shopify

  1. Regresa a tu cuenta de Microsoft Clarity y verifica que los datos de tu tienda Shopify comiencen a aparecer en el tablero de Clarity.
    • Para obtener instrucciones sobre cómo comprobar que se ha completado la instalación, visite Verificación.

Simplemente ves a tu web y realiza una navegación y deberá detectar una primer grabación, de lo contario en la sección de comentarios de este post te ayudaré encantado a configurar clarity.

¡Espero que sea de utilidad!

¡Un abrazote!

AUTOR

ÚLTIMOS ARTÍCULOS

Descripción del Podcast con Carles y Xavi: En este episodio del podcast de VisibilidadON, descubre cómo Carles y Xavi revolucionaron el mercado con su proyecto…

La minificación de JavaScript es una técnica esencial para mejorar el rendimiento y la velocidad de carga de un sitio web. Dado que los archivos…

El debate sobre la capacidad de GoogleGoogle es uno de los principales motores de búsqueda en Internet y es utilizado por millones de personas en…

Suscríbete a la Newsletter

Recibe las últimas noticias y aprende de SEO y Google ADS