Configurar etiquetas de UET con Shopify

Si has creado tu sitio web en Shopify, lee este artículo para aprender a configurar las etiquetas de UET.
Notas
  • Este artículo muestra cómo hacer una configuración básica de etiquetas UET usando Shopify. Por favor, consulte el Centro de Ayuda de Shopify para más información.
  • Microsoft Advertising no es responsable de los procesos o la documentación de Shopify, ni de los cambios realizados en los procesos o la documentación de Shopify.
  • Al instalar la Microsoft Advertising aplicación para Shopify, las etiquetas UET se crean automáticamente y se agregan a todas las páginas del sitio web. Vaya a la Instalar una aplicación página y siga las indicaciones para configurar la Microsoft Advertising aplicación Shopify.

Si has creado y administrado tu sitio web con Shopify, puedes agregar y administrar allí mismo la etiqueta de UET.

Implementación de UET con Shopify

  1. En el menú superior, selecciona Herramientas > Etiqueta de UET.

    Si usa la nueva Microsoft Advertising navegación, en el menú de navegación de la izquierda, mantenga el puntero sobre Conversiones y seleccione Etiqueta UET.

  2. Copie el código de seguimiento de etiquetas UET de JavaScript.
  3. Inicia sesión en tu cuenta de Shopify.
    1. Selecciona Tienda en línea > Temas.
    2. En Tema actual, selecciona Acciones > Editar código. Edit code in the themes section of Shopify
  4. Instala la etiqueta de UET.
    1. En Diseño, selecciona theme.liquid.
      Select theme.liquid
    2. Desplácese hacia abajo en la página hasta llegar a la sección <encabezado > etiqueta. Scroll to the head tag
    3. Pegue la etiqueta UET directamente encima de {{ content_for_header }}.
    4. Selecciona Guardar. Paste UET tag above content for header
  5. Personaliza tu proceso de compra en línea.
    1. En el menú superior, selecciona Configuración.
    2. Selecciona Finalizar la compra. Select Settings > Checkout
    3. Desplácese hacia abajo hasta el campo Scripts adicionales en la páginaEstado del pedido. Pegue la etiqueta UET en scriptsadicionales. Paste the UET tag in Additional scripts

      Nota

      Puede omitir el campo Scripts adicionales en la página Posterior a la compra si no está realizando un seguimiento de los compradores anteriores.

    4. Selecciona Guardar.
  6. Si quieres notificar ingresos variables, agrega uno de los siguientes fragmentos de código debajo del código de seguimiento de UET que pegaste en el paso anterior:
    1. Usa este código si quieres excluir los impuestos y el envío:
      <script> window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ subtotal_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); </script>
    2. Usa este código si quieres incluir los impuestos y el envío:
      <script> window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ total_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); </script>
Nota

Para validar que la Shopify etiqueta UET funciona, descargue e instale el asistentede etiquetas UET. Vaya a su Shopify sitio web y compruebe que se recibe un evento de UET y que el identificador de etiqueta coincide con la etiqueta seleccionada en el paso 1.

¿Cómo puedo modificar mi etiqueta de UET para el remarketing dinámico con Shopify?

  1. En Shopify, ve a Online Store > Customize (Tienda en línea > Personalizar).
  2. Selecciona los puntos suspensivos de las acciones del tema y selecciona Edit code (Editar código).
  3. En Templates (plantillas), busca index.liquid.
  4. Use este código para visitantes generales:
    <script> var productList = []; {% for product in collections.frontpage.products %} productList.push({{ product.id }}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'home'}); </script>
  5. Selecciona Save (Guardar).
  6. En Templates (plantillas), busca search.liquid.
  7. Use este código para los buscadores de productos:
    <script> var productList = []; {% for item in search.results %} {% if item.object_type == 'product' %} productList.push({{ item.id }}); {% endif %} {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'searchresults'}); </script>
  8. Selecciona Save (Guardar).
  9. En Templates (plantillas), busca product.liquid.
  10. Use este código para los visores de productos:
    <script> window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': '{{product.id}}', 'ecomm_pagetype': 'product'}); </script>
  11. Selecciona Save (Guardar).
  12. En Templates (plantillas), busca cart.liquid.
  13. Use este código para los compradores del carro de lacompra:
    <script> var productList = []; {% for line in cart.items %} productList.push({{ line.product_id}}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'cart'}); </script>
  14. Selecciona Save (Guardar).
  15. Ve a Settings (Configuración) y selecciona Checkout (Finalización de la compra).
  16. En Order Processing (Procesamiento de pedidos), busca el cuadro de texto Additional scripts (Scripts adicionales).
  17. Use este código para compradores anteriores:
    <script> var productList = []; {% for line in checkout.line_items %} productList.push({{ line.product_id }}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'purchase'}); </script>
  18. Selecciona Guardar.
Importante
  • El id. de producto en Shopify debe coincidir con un identificador de tu fuente de productos de .
  • Shopify creará automáticamente identificadores de producto para sus productos. Puede configurar Shopify para actualizar las soluciones de administración de fuentes con Shopify identificadores de producto que se pueden importar a Microsoft Merchant Center.

See more videos...