Adicionar o acompanhamento de conversões à sua página de status do pedido

Aviso

Este é um tutorial avançado e não foi desenvolvido pela Shopify. Seu uso requer conhecimento de linguagens de web design, como HTML, CSS, JavaScript e Liquid. Por isso, sugerimos contratar um Parceiro da Shopify se você não se sentir confortável em acompanhar estas instruções.

Você pode usar o acompanhamento de conversões para acompanhar quando seus clientes visitam seu checkout e com que frequência eles realizam uma compra. O acompanhamento de conversões pode ajudar você a aprender mais sobre as tendências de compra em sua loja, como o valor médio do pedido e o total de vendas por produto. Existem algumas plataformas diferentes disponíveis que lhe dão acesso a esses dados.

Acompanhamento de conversões do Google Analytics

Você pode usar o acompanhamento de conversões do Google Analytics em seu checkout. Para obter informações sobre como implementar isso em sua loja, leia Configurando metas e funis do Google Analytics.

Pixels de rastreamento

Você pode adicionar pixels de rastreamento à sua página de status do pedido usando a caixa Scripts adicionais.

• Acompanhando pedidos
• Integração condicional
• Exemplos

Acompanhando pedidos

É possível adicionar códigos de acompanhamento de conversões à sua loja, como um pixel de acompanhamento, para monitorar as compras dos clientes. Normalmente, os códigos de acompanhamento são usados na página de status do pedido.

Os scripts de rastreamento são fornecidos por terceiros e são usados como um snippet de código no admin da Shopify.

Etapas:

Desktop

1. Depois de ter seu código de rastreamento, copie-o para a área de transferência com cmd + c, num Mac, ou ctrl + c, num PC.
2. No admin da Shopify, acesse Configurações > Checkout.
3. Na seção Página de status do pedido, acesse a caixa de texto Scripts adicionais.
4. Cole seu código de rastreamento da área de transferência com cmd + v, num Mac, ou ctrl + v, num PC. Na caixa de texto, é possível usar os objetos shop e order do Liquid e o recurso do JavaScript OrderStatus.

iPhone

1. Depois de ter seu código de rastreamento, copie-o para a área de transferência com cmd + c, num Mac, ou ctrl + c, num PC.
2. No app da Shopify, toque no botão … e em Configurações.
3. Na seção Configurações da loja , toque em Checkout.
4. Na seção Página de status do pedido, acesse a caixa de texto Scripts adicionais.
5. Cole seu código de rastreamento da área de transferência com cmd + v, num Mac, ou ctrl + v, num PC. Na caixa de texto, é possível usar os objetos shop e order do Liquid e o recurso do JavaScript OrderStatus.

Android

1. Depois de ter seu código de rastreamento, copie-o para a área de transferência com cmd + c, num Mac, ou ctrl + c, num PC.
2. No app da Shopify, toque no botão … e em Configurações.
3. Na seção Configurações da loja , toque em Checkout.
4. Na seção Página de status do pedido, acesse a caixa de texto Scripts adicionais.
5. Cole seu código de rastreamento da área de transferência com cmd + v, num Mac, ou ctrl + v, num PC. Na caixa de texto, é possível usar os objetos shop e order do Liquid e o recurso do JavaScript OrderStatus.

Dica

Os clientes podem retornar à página de status do pedido várias vezes. Nesse caso, é possível que os analytics de conversão sejam distorcidos. Por isso, recomendamos executar os scripts somente na primeira visita.

Integração condicional

Alguns provedores exigem que você mostre os pixels de rastreamento deles somente se o cliente vier com um determinado parâmetro de referência (geralmente ref, source ou r).

A Shopify armazena esses valores com os pedidos e os disponibiliza usando landing_site_ref.

Por exemplo, seu provedor de Afiliados deseja que você inclua o pixel deles no checkout, mas apenas para clientes vindos por meio das indicações dele. A URL que você registra no seu sistema de rastreamento ficaria assim:

 http://www.example.com/?ref=tracking-site 

O ?ref=tracking-site precisa ser único.

Ele é usado na última página do checkout para verificar se um determinado pedido foi feito por alguém indicado por seu Afiliado.

Para configurar a integração condicional, acesse a página de Configurações do checkout e adicione o script de Afiliado:

 {% if landing_site_ref == 'tracking-site' %} <img src="https://www.trackingx.com/pixel.gif?amount={{ total_price | money_without_currency }}&amp;order-id={{ order_id }}&amp;currency={{ currency }}" height="1" width="1" /> {% endif %} 

Por causa da instrução if landing_site_ref == 'tracking-site', o pixel só será exibido para os clientes com o landing_site_ref correto.

Exemplos

Acompanhamento de conversões básico

Suponha que um terceiro peça para você integrar um pixel de rastreamento como este:

  \<img src="https://www.tracking.com/u?amount=<amount>&amp;order-id=<order_id>&amp;currency=<currency>" height="1" width="20" /&gt;  

Com base nesse código, você precisa das seguintes tags do Liquid: - O preço total do pedido: `{{ total_price | money_without_currency }}` - Um ID de pedido único. `order_id` imprime o nome do pedido, como #2322, sem o caractere de cerquilha: `{{ order_id }}` - A moeda do pedido. Você pode codificar isso ou usar `{{ currency }}` Substitua os marcadores de posição no código de rastreamento por tags reais do Liquid:

  <img src="https://www.tracking.com/pixel.gif?amount={{ total_price | money_without_currency }}&amp;order-id={{ order_id }}&amp;currency={{ currency }}" height="1" width="1" />  

Quando os clientes chegam à última página do checkout, o código que é entregue ao navegador tem a seguinte aparência:

 <img src="https://www.tracking.com/pixel.gif?amount=55.34&amp;order-id=4343&amp;currency=USD" height="1" width="1" /> 

Acompanhamento de conversões que descreve o pedido

 <img src="https://www.emjcd.com/u?CID=YOURCID&amp;TYPE=YOURTYPE&amp;METHOD=IMG&amp;CURRENCY={{ currency }}&amp;OID={{ order_id }}{% for line_item in line_items %}&amp;ITEM{{ forloop.index }}={{ line_item.sku }}&amp;AMT{{ forloop.index }}={{ line_item.line_price | money_without_currency }}&amp;QTY{{ forloop.index }}={{ line_item.quantity }}{% endfor %}" height="1" width="20" /> 

Pixel da Meta

Existem dois métodos diferentes para adicionar o rastreamento do Pixel da Meta à sua loja, mas eles não funcionam juntos. Você precisa escolher apenas um:

• É possível integrar sua loja e o Pixel da Meta no admin da Shopify sem usar nenhum código. Nesse caso, o ID do Pixel da Meta é necessário.
• Você pode adicionar o código manualmente a cada página da sua loja e ao checkout.

Acompanhamento de conversões com IDs de pedidos

Para conseguir melhores resultados, conte as conversões apenas quando os clientes realizarem transações na loja. É importante destacar que a sessão pode ser contada como mais de uma conversão se um cliente revisita ou recarrega a página de conversão. Para reduzir contagens duplicadas, use tags de conversão de ID de pedido, que rastreiam só a primeira visita de um cliente à página de conversão. Vale lembrar que a ID de pedido aparece como {{ order_id }} na tag do Liquid.

Para ajudar a adicionar IDs de pedido às suas tags de conversão, visite o suporte do Google.