Inserindo script “tracker” na Shopify
- Home
- Inserindo script “tracker” na Shopify
Inserindo script “tracker” na Shopify
A Integração do Buzzlead com plataformas como a Shopify possibilita que seus clientes ou afiliados criem links de indicação exclusivos, que podem ser compartilhados através de redes sociais ou aplicativos de mensagens.
Esses links direcionam os indicados para o seu site, visando a conversão em vendas ou cadastros. Se a conversão for efetivada a partir do link de indicação, o Buzzlead será capaz de reconhecer e registrar a recompensa para o embaixador que realizou a indicação.
Ao final deste artigo, você terá sua loja na Shopify integrada com o seu programa de indicação e funcionando de forma automatizada. Caso contrário, você precisará realizar ações manualmente para garantir o funcionamento da campanha.
A Shopify é uma plataforma de e-commerce que possibilita a criação de lojas online e facilita a compra e venda de produtos pela internet. A ferramenta é uma opção para quem quer começar um negócio pela internet ou deseja ampliar a exposição dos produtos vendidos em lojas físicas.
Tópicos do artigo
Adicionando o script
O primeiro passo é adicionar o script “tracker.js” do Buzzlead, que é responsável por registrar as conversões realizadas a partir de um link de indicação em sua loja.
Essas conversões são enviadas para o Buzzlead, porém, permanecem com o status Pendente até que o pagamento do pedido seja confirmado pela integração com a Shopify.
// Carrega o script da Buzzlead em todas as páginas
(function loadBuzzleadTracker() {
if (!document.getElementById('buzzleadScript')) {
const script = document.createElement('script');
script.id = 'buzzleadScript';
script.src = 'https://static.buzzlead.com.br/tracker.js';
script.async = true;
document.head.appendChild(script);
}
})();
// Escuta o evento de conclusão do checkout (só dispara na página de agradecimento)
analytics.subscribe("checkout_completed", async (event) => {
console.log('Buzzlead - Evento de compra detectado');
try {
// Aguarda o carregamento do script se ainda não tiver carregado o Tracker
await waitForTracker();
const checkout = event.data.checkout;
const subtotal = checkout.totalPrice.amount - (checkout.shippingLine?.price.amount || 0);
const email = checkout.email;
const transactionId = checkout.order?.id;
if (!transactionId) {
console.warn('Buzzlead: ID da transação ausente');
return;
}
// Dispara o evento "bonus" no Tracker
window.Tracker({
_event: 'bonus',
total: subtotal,
cliente: { email },
numeroVenda: transactionId
});
} catch (error) {
console.error('Buzzlead: erro ao executar Tracker:', error);
}
});
// Função para aguardar que window.Tracker esteja disponível
function waitForTracker(retries = 10, delay = 300) {
return new Promise((resolve, reject) => {
const attempt = () => {
if (window.Tracker) {
return resolve();
}
if (retries === 0) {
return reject(new Error('Tracker não carregado após múltiplas tentativas'));
}
retries--;
setTimeout(attempt, delay);
};
attempt();
});
}
Informações adicionais
Caso ainda não tenha configurado a integração nativa com a Shopify, acesse o passo a passo neste artigo:
Se ainda tiver dúvidas, você pode chamar nosso suporte diretamente de sua conta em nossa plataforma.