Skip to main content
A Aftersell processa o adicionar ao carrinho por conta própria, o que significa que ferramentas de analytics que observam as requisições padrão de carrinho da Shopify podem não vê-lo. Assinar os eventos do SDK restaura o rastreamento e dá a você um payload mais limpo do que raspar a Ajax API. Isso é a coisa mais comum para a qual os lojistas usam o SDK.

O padrão

Toda integração são as mesmas três linhas: assinar um evento, ler o payload, encaminhá-lo para sua ferramenta.
Cole em Cart settings → Custom script → Initialization. Assinar é uma chamada de configuração, então é seguro logo no topo, e você não precisa esperar o carrinho carregar.

Klaviyo

Certifique-se de que o rastreamento onsite do Klaviyo esteja instalado primeiro. Este script só dispara o evento; ele não carrega o Klaviyo.

Triple Whale

Google Analytics 4

Outros eventos que valem a pena rastrear

Use navigator.sendBeacon em um handler de checkout. A página está prestes a ser descarregada, e um fetch normal pode ser cancelado no meio do caminho. Você também não pode cancelar o checkout a partir deste handler; ele é uma notificação, não um portão.

Coisas para acertar

  • Os preços estão em centavos. Divida por 100 para ferramentas que esperam um valor decimal. formatMoney é só para exibição, então não envie uma string formatada para uma ferramenta de analytics.
  • Um aumento de quantidade não é item_added. Ir de 1 para 3 em uma linha existente dispara cart_updated, não item_added. Se sua ferramenta precisa ver isso, compare com o estado anterior em um handler de cart_updated.
  • Não rastreie a partir de cart_updated se você quer dizer “adicionado”. Ele dispara em toda mudança, incluindo remoções e edições de quantidade, então você vai reportar a mais.
  • Verifique dupla contagem. Se sua ferramenta já captura o adicionar ao carrinho de outra forma, este script vai reportá-lo duas vezes. Verifique na visualização ao vivo da ferramenta antes de colocar no ar.

Testando

Adicione um console.log ao lado da sua chamada de rastreamento, depois abra o console do navegador e adicione um produto:
Se o log não aparecer, o script não está executando, então verifique se ele foi salvo no slot Initialization. Se o log aparecer mas a ferramenta não mostrar nada, o problema está no formato de payload da ferramenta, não no SDK.

Para onde ir a seguir