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
  • Este artigo mostra como fazer uma configuração básica de marcas do UET usando o Shopify. Consulte a Central de Ajuda do Shopify para obter mais informações.
  • O Microsoft Advertising não é responsável pelos processos ou pela documentação do Shopify nem pelas alterações feitas nos processos ou na documentação do Shopify.
  • Se você instalar o aplicativo do Microsoft Advertising para o Shopify, as marcas do UET serão criadas automaticamente e serão adicionadas a todas as páginas de seu site. Acesse a página Instalar um aplicativo e siga os prompts para configurar seu aplicativo do Microsoft Advertising para o Shopify.

Se você criou e gerencia seu site com o Shopify, pode adicionar e gerenciar a marca do UET por meio dele.

Implementando o UET usando o Shopify

  1. No Microsoft Advertising, selecione Ferramentas > Marca do UET e copie o código de rastreamento de marca do UET JavaScript.
  2. Entre na sua conta do Shopify.
    1. Selecione Loja Online > Temas.
    2. Em Tema atual, selecione Ações > Editar código. Edite o código na seção de temas do Shopify
  3. Instale a marca do UET.
    1. Em Layout, selecione theme.liquid.
      Selecione theme.liquid
    2. Role a página para baixo até chegar à marca <head>. Role até a marca head
    3. Cole a marca do UET diretamente acima de {{ content_for_header }}.
    4. Selecione Salvar. Cole a marca do UET acima do conteúdo do cabeçalho
  4. Personalize seu processo de finalização de compra online.
    1. Na parte inferior do menu esquerdo, selecione Configurações.
    2. Selecione Finalização de compra. Selecione Configurações > Finalização de compra
    3. Role para baixo até o campo Scripts adicionais. Cole a marca do UET em Scripts adicionais. Cole a marca do UET em Scripts adicionais
    4. Selecione Salvar.
  5. Se você quiser gerar receita variável, adicione um dos seguintes trechos de código abaixo do código de acompanhamento do UET que você colou na etapa anterior:
    1. Use este código se você 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 você 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 marca do UET do Shopify está funcionando, baixe e instale o Auxiliar de Marca do UET. Acesse seu site do Shopify e verifique se um evento do UET foi recebido e se a ID da marca corresponde à marca que você selecionou na Etapa 1.

Como modificar minha marca do UET para remarketing dinâmico com o 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, procure index.liquid.
  4. Use este código para Visitantes gerais:
    <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, procure 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, procure 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, procure cart.liquid.
  13. Use este código para Abandonadores de 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 pedido, encontre 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 no Shopify deve corresponder a uma ID em seu feed de produtos do .
  • O Shopify criará automaticamente IDs de produto para seus produtos. Você pode configurar o Shopify para atualizar suas soluções de gerenciamento de feed com IDs de produto do Shopify que podem ser importadas para o Microsoft Merchant Center.

See more videos...