Adicionar a Tag do Pinterest ao BigCommerce

Parece que estás a visualizar este conteúdo numa região em que a Tag do Pinterest ainda não está disponível. Vê onde a Tag do Pinterest está disponível para contas de empresa do Pinterest.

Saber mais

O BigCommerce é uma plataforma que podes utilizar para criar uma loja online. Ao associares a tua loja BigCommerce à tua Tag do Pinterest, poderás saber o tráfego que o Pinterest direciona para a tua loja e como aumenta as vendas dos teus produtos.

Adicionar o código-fonte

O código-fonte permite-te recolher dados sobre eventos, por exemplo, quando um utilizador comprar um produto ou adicionar um produto ao carrinho de compras. O código-fonte deve ser instalado em todas as páginas do website.

Na página de administração do BigCommerce, clica em Storefront e depois em Script Manager.

Clica em Create a Script.

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

Insere o Código-fonte do Pinterest como o Script name.
Insere a tag de controlo do Pinterest como a Description.
Seleciona Head para Location on page.
Seleciona All pages para Select pages where script will be added.
Seleciona Targeting; Advertising para Script category.
Seleciona Script para Script type.

Cola o código abaixo da caixa Tracking Code.

Acede ao Gestor de anúncios para obteres o teu ID de tag único. Clica em Anúncios, depois em Conversões e clica em Começar em Instalar a Tag do Pinterest.

Copia o número de 13 dígitos abaixo de ID da Tag e cola-o na caixa Tracking Code.

Clica em Guardar.

<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 instalares o código-fonte, podes adicionar diferentes eventos para recolher dados adicionais. Podes adicionar o evento Checkout para acompanhar os utilizadores que compram um produto e concluem transações.

Na página de administração do BigCommerce, clica em Advanced Settings e depois em Web Analytics.

Clica na caixa Affiliate Conversion Tracking se ainda não estiver assinalada e depois clica no separador Affiliate Conversion Tracking.

Cola o seguinte código na caixa Conversion Tracking Code e substitui YOUR_TAG_ID pelo teu ID de tag único do Gestor de anúncios. Se esta caixa já incluir um código, cola o código de controlo depois desse código.

Clica em Guardar.

<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 instalares o código-fonte, podes adicionar opcionalmente diferentes eventos para recolher dados adicionais. Podes adicionar o evento AddToCart para acompanhar os utilizadores que adicionam produtos ao carrinho de compras.

Na página de administração do BigCommerce, clica em Storefront e, em seguida, em Customize. Quando o Store Design abrir, clica em Edit Theme Files no lado esquerdo. Se precisares de mais informações, consulta este artigo de ajuda do BigCommerce.

Depois de abrires o editor, procura os ficheiros do código do modelo de produtos. Por exemplo, procura em Templates > Components > Products.

Procura o ficheiro addtocart.html e confirma que o ficheiro é do tipo ".html".

Abre o ficheiro addtocart.html e procura o código do botão enviar add-to-cart.

Assim que encontrares o fragmento do código relacionado com o botão, copia a parte exclusiva dele.

Regressa ao editor do BigCommerce e encontra o código específico dentro do ficheiro.

Cola o seguinte código após <input para que a tag do evento add-to-cart seja acionada sempre que um produto for adicionado ao carrinho:

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

Clica em Save File na parte inferior do editor.

Depois de guardares o ficheiro, acede ao tema personalizado que acabaste de editar em Store Design.

Clica no ícone das reticências e seleciona Aplicar.

collection_fields