Adicionar a tag do Pinterest ao BigCommerce

Parece que você está visualizando isso de uma região onde a tag do Pinterest ainda não está disponível. Veja onde a tag do Pinterest está disponível para contas do Pinterest Business.

Saiba mais

O BigCommerce é uma plataforma que você pode usar para criar uma loja online. Ao conectar sua loja do BigCommerce com a sua tag do Pinterest, você pode descobrir o quanto o Pinterest influencia o tráfego para a sua loja e as vendas dos seus produtos.

Adicionar o código de base

O código de base permite que você reúna dados sobre eventos, como alguém comprando um produto ou adicionando um produto à cesta de compras. O código de base deve ser instalado em todas as páginas do seu site.

Na sua administração do BigCommerce, clique em Vitrine e depois em Gerenciador de scripts.

Clique em Criar um script.

Preencha o formulário com as seguintes informações:

Insira o Código de base do Pinterest como Nome do script.
Insira a Tag de rastreamento do Pinterest como a Descrição.
Selecione Cabeçalho para Localização na página.
Selecione Todas as páginas para Selecionar páginas às quais o script será adicionado.
Selecione Segmentação; publicidade para Categoria do script.
Selecione Script para Tipo do script.

Cole o código abaixo na caixa Código de rastreamento.

Clique em Gerenciador de Anúncios para obter uma ID de tag exclusiva. Clique em Anúncios, em Conversões e clique em Começar em Instalar a tag do Pinterest.

Copie o número com 13 dígitos abaixo de ID da tag e cole-o na caixa Código de rastreamento.

Clique em Salvar.

<script type="text/javascript">

!function(e){if(!window.pintrk){window.pintrk=function()

{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var

n=window.pintrk;n.queue=[],n.version="3.0";var

t=document.createElement("script");t.async=!0,t.src=e;var

r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}

("https://s.pinimg.com/ct/core.js");



pintrk('load','YOUR_TAG_ID', { em: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script>

Adicionar o evento Checkout

Depois de instalar o código de base, você pode adicionar diferentes eventos para coletar dados adicionais. Você pode adicionar o evento Checkout para acompanhar quando as pessoas compram um produto e concluem transações.

Na sua administração do BigCommerce, clique em Configurações avançadas e em Análises da Web.

Clique na caixa referente a Rastreamento de conversão de afiliados se não estiver selecionada e, em seguida, clique na aba Rastreamento de conversão de afiliados.

Cole o código a seguir na caixa Código de rastreamento de conversão e substitua YOUR_TAG_ID pelo seu próprio ID de tag do Gerenciador de Anúncios. Se já houver um código nessa caixa, cole seu código de rastreamento depois dele.

Clique em Salvar.

<script type="text/javascript">

!function(e){if(!window.pintrk){window.pintrk=function()

{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var

n=window.pintrk;n.queue=[],n.version="3.0";var

t=document.createElement("script");t.async=!0,t.src=e;var

r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}

 ("https://s.pinimg.com/ct/core.js");



pintrk('load','YOUR_TAG_ID', { em: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script>



<script>

pintrk('track', 'checkout',{

value: %%ORDER_AMOUNT%%,

order_quantity:1,

order_id: %%ORDER_ID%%

});

</script>

Adicionar o código Add-to-cart (opcional)

Depois de instalar o código de base, você pode adicionar diferentes eventos opcionalmente para coletar dados adicionais. Você pode adicionar o evento AddToCart para mensurar quando as pessoas adicionam produtos ao carrinho de compras.

Na sua administração do BigCommerce, clique em Storefront (Vitrine) e depois em Customize (Personalizar). Quando Store Design (Design da loja) for aberto, clique em Edit Theme Files (Editar arquivos do tema) à esquerda. Se precisar de mais informações, consulte este artigo de ajuda do BigCommerce.

Depois de abrir o editor, encontre os arquivos de código do modelo dos produtos. Um exemplo de caminho é acessar Templates, Components e Products.

Localize o arquivo chamado addtocart.html e confirme que ele tem um sufixo de tipo de arquivo .html.

Abra o arquivo addtocart.html e encontre o código para o botão de envio de add-to-cart.

Quando encontrar o trecho de código do botão, copie a parte exclusiva dele.

Volte para o editor do BigCommerce e encontre o código específico dentro do arquivo.

Cole o código abaixo após <input para que a tag de evento add-to-cart seja disparada toda vez que alguém adicionar um produto ao carrinho:

onclick="pintrk('track', 'addtocart');"

Clique em Save File (Salvar arquivo) na parte inferior do editor.

Depois de salvar o arquivo, volte para o tema personalizado que você acabou de editar no Store Design.

Clique em ícone de reticências e selecione Aplicar.

collection_fields