Bienvenido al tutorial sobre cómo configurar Clarity en ShopifyShopify es una plataforma de comercio electrónico que permite a individuos y empresas crear sus propias tiendas en línea. Es popular por su facilidad de uso y por ofrecer una solución integral que abarca desde la creación de la tienda hasta la gestión de inventarios... 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
- Visita Microsoft Clarity y regístrate para obtener una cuenta gratuita.
- Inicia sesión y crea un nuevo proyecto.
- 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
- Inicia sesión en tu cuenta de Shopify.
- Copia el código de seguimiento de Clarity del panel.
- 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
- En la página de «Themes», haz clic en «Actions» (Acciones) y selecciona «Edit Code» (Editar Código).
- Busca el archivo
theme.liquid
que generalmente se encuentra en la carpetaLayout
. Truco: En el buscador introduce: «theme.liquid»
- 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
- Guarda los cambios que realizaste en el archivo
theme.liquid
. - Publica el tema actualizado.
Paso 5: Abrir configuración
- Ves a la configuración general de Shopify
- 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
- 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 seaSEA (Search Engine Advertising) es una técnica de publicidad en línea que utiliza los motores de búsqueda para promocionar productos y servicios. Los anuncios de búsqueda aparecen en los resultados de búsqueda de los motores de búsqueda, en general en la parte superior o lateral... de utilidad!
¡Un abrazote!