Configurar marcas do UET usando o Shopify
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
- No Microsoft Advertising, selecione Ferramentas > Marca do UET e copie o código de rastreamento de marca do UET JavaScript.
-
Entre na sua conta do Shopify.
- Selecione Loja Online > Temas.
- Em Tema atual, selecione Ações > Editar código.

-
Instale a marca do UET.
- Em Layout, selecione theme.liquid.

- Role a página para baixo até chegar à marca <head>.

- Cole a marca do UET diretamente acima de {{ content_for_header }}.
- Selecione Salvar.

-
Personalize seu processo de finalização de compra online.
- Na parte inferior do menu esquerdo, selecione Configurações.
- Selecione Finalização de compra.

- Role para baixo até o campo Scripts adicionais. Cole a marca do UET em Scripts adicionais.

- Selecione Salvar.
- 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:
- 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>
- 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?
-
No Shopify, acesse a Loja Online > Personalizar.
-
Selecione as Reticências de ações do tema e selecione Editar código.
-
Em Modelos, procure index.liquid.
-
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>
-
Selecione Salvar.
-
Em Modelos, procure search.liquid.
-
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>
-
Selecione Salvar.
-
Em Modelos, procure product.liquid.
-
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>
-
Selecione Salvar.
-
Em Modelos, procure cart.liquid.
-
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>
-
Selecione Salvar.
-
Acesse Configurações e selecione Finalizar compra.
-
Em Processamento de pedido, encontre a caixa de texto Scripts adicionais.
-
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>
-
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.