Configurar marcas do UET usando o Shopify

Se você criou seu site no Shopify, leia este artigo para saber como configurar marcas do UET nele.
Observações
  • Esse artigo mostra como fazer uma configuração básica de marcas do UET usando Shopify. Consulte a Central de Ajuda do Shopify para obter mais informações.
  • Microsoft Advertising não é responsável pelos processos ou documentação de Shopify, nem por alterações feitas nos processos ou documentação de Shopify.
  • Ao instalar o aplicativo Microsoft Advertising para Shopify, as marcas do UET são criadas e adicionadas automaticamente a todas as páginas do seu site. Vá para a página Instalar um aplicativo e siga as instruções para configurar seu aplicativo Microsoft Advertising para Shopify.

Se você criou e gerenciou seu site com Shopify, poderá adicionar e gerenciar sua marca do UET lá.

Implementando o UET usando o Shopify

  1. No menu superior, selecione Ferramentas > Marca do UET.

    Se estiver usando a nova navegação Microsoft Advertising, no menu de navegação à esquerda, passe o mouse sobre Conversões e selecione marca UET.

  2. Copie o código de acompanhamento de marca do UET do JavaScript.
  3. Entre na sua conta Shopify.
    1. Selecione Loja Online > Temas.
    2. Em Tema atual, selecione Ações > Editar código. Edit code in the themes section of Shopify
  4. Instale a marca do UET.
    1. Em Layout, selecione theme.liquid.
      Select theme.liquid
    2. Role a página para baixo até chegar à marca <cabeçalho >. Scroll to the head tag
    3. Cole a marca do UET diretamente acima de {{ content_for_header }}.
    4. Selecione Salvar. Paste UET tag above content for header
  5. Personalize seu processo de finalização de compra online.
    1. No menu superior, selecione Configurações.
    2. Selecione Finalizar Compra. Select Settings > Checkout
    3. Role para baixo até o campo Scripts adicionais em Página de status do pedido. Cole a marca do UET em Scripts adicionais. Paste the UET tag in Additional scripts

      Observação

      Você pode ignorar o campo Scripts adicionais em Página pós-compra se não estiver acompanhando compradores anteriores.

    4. Selecione Salvar.
  6. Se desejar relatar a receita variável, adicione um dos seguintes trechos de código abaixo do código de rastreamento do UET colado na etapa anterior:
    1. Use este código se quiser excluir impostos e frete:
      <script> window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ subtotal_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); </script>
    2. Use este código se quiser incluir impostos e frete:
      <script> window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ total_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); </script>
Observação

Para validar se sua Shopify marca do UET está funcionando, baixe e instale o Auxiliar de Marca do UET. Acesse seu site Shopify e verifique se um evento do UET foi recebido e se o ID da Marca corresponde à marca selecionada na Etapa 1.

Como modificar minha marca do UET para remarketing dinâmico com Shopify?

  1. No Shopify, acesse a Loja Online > Personalizar.
  2. Selecione as Reticências de ações do tema e selecione Editar código.
  3. Em Modelos, localize index.liquid.
  4. Use este código para Visitantes em geral:
    <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. Selecione Salvar.
  6. Em Modelos, localize search.liquid.
  7. Use este código para pesquisadores de produtos:
    <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. Selecione Salvar.
  9. Em Modelos, localize product.liquid.
  10. Use este código para visualizadores de produtos:
    <script> window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': '{{product.id}}', 'ecomm_pagetype': 'product'}); </script>
  11. Selecione Salvar.
  12. Em Modelos, localize cart.liquid.
  13. Use este código para pessoas que abandonaram o carrinho de compras:
    <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. Selecione Salvar.
  15. Acesse Configurações e selecione Finalizar compra.
  16. Em Processamento de Pedidos, localize a caixa de texto Scripts adicionais.
  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. Selecione Salvar.
Importante
  • A ID do produto em Shopify deve corresponder a um ID no seu feed de produtos .
  • Shopify criará automaticamente IDs de produto para seus produtos. Você pode configurar Shopify para atualizar suas soluções de gerenciamento de feed com Shopify IDs de produto que podem ser importados para Microsoft Merchant Center.

See more videos...