Usa a app Pinterest for Shopify para associar a tua loja Shopify à tua conta de empresa do Pinterest.
Só podes associar a tua loja Shopify a uma conta de empresa Pinterest de cada vez. Se tiveres duas lojas Shopify,
Se já adicionaste manualmente a Tag do Pinterest ao Shopify ou utilizaste um serviço terceiro diferente para o fazer, tens de
Antes de associar a tua loja Shopify à conta do Pinterest, precisas de:
De preferência, deves usar um browser Chrome no computador para associar a tua loja Shopify à conta do Pinterest.
Embora seja possível adicionar manualmente a tag do Pinterest ao Shopify, não recomendamos que o faças. Sempre que possível, segue os passos acima para associar a tua loja com a app Pinterest for Shopify para que a tag seja adicionada automaticamente.
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 Shopify, clica em Online Store e depois em Themes.
- Visita o tema que pretendes editar, clica em Actions e, por fim, em Edit Code
- Clica em theme.liquid.
- Percorre até encontrares o texto </head> e cola o seguinte código acima desse texto:
<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: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript>
- Substitui YOUR_TAG_ID pelo teu ID da Tag exclusivo. Para encontrar a tua ID de Tag única, abre o Gestor de anúncios no Pinterest.
- Visita a pré-visualização do controlo de conversão e procura a secção de detalhes.
- Copia o número de 13 dígitos abaixo de ID da Tag, cola-o e coloca-o em vez de YOUR_TAG_ID no código.
Adicionar um 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 Shopify, clica em Settings e depois em Checkout.
- Em Scripts da página de estado da encomenda, cola o seguinte código de controlo na caixa de texto. Se esta caixa já incluir um código, cola o código de controlo depois desse código:
{% if first_time_accessed %} <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: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript> <script> pintrk('track', 'checkout',{ value: {{ total_price }} / 100, currency: '{{ currency }}', order_quantity: 2, event_id: '{{ event_id }}', line_items: [ { product_name: '{{ product_name_1 }}', product_id: '{{ product_id_1 }}', product_price: {{ product_price_1 }}, product_quantity: 1 }, { product_name: '{{ product_name_2 }}', product_id: '{{ product_id_2 }}', product_price: {{ product_price_2 }}, product_quantity: 1 }, ], order_id: {{ checkout.order_id }} }); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/> </noscript> {% endif %}
- Substitui YOUR_TAG_ID pelo teu ID da Tag exclusivo. Para encontrar a tua ID de Tag única, abre o Gestor de anúncios no Pinterest.
Adicionar um evento AddToCart (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.
Nota: com alguns temas e widgets do Shopify, não será possível adicionar um evento AddToCart.
- Na página de administração do Shopify, clica em Online Store e depois em Themes.
- No tema que estiveres a utilizar, clica em Actions e em Edit code.
- Em Modelos procura os ficheiros de código product.liquid product-template.liquid, ou product-form.liquid e abre-os. Estes ficheiros podem variar dependendo do tema que tiveres instalado, mas é muito provável que encontres o código do botão "adicionar ao carrinho" no ficheiro products.liquid ou equivalente.
- No ficheiro, procura por addtocart no código do ficheiro.
- Coloca o seguinte código dentro do cursor final do elemento
caret do elemento <button> ou <input>:onclick="pintrk('track', 'addtocart');"
- Clica em Guardar no canto superior direito.
Se já instalaste a tag do Pinterest manualmente e agora pretendes usar a app Pinterest for Shopify, deves em primeiro lugar remover a tag instalada manualmente. Não te esqueças de remover o código-fonte, o código de Checkout e o código de AddToCart.
Remover o código-fonte
- Na página de administração do Shopify, clica em Online Store e depois em Themes
- Visita o tema que pretendes editar, clica em Actions e, por fim, em Edit Code
- Clica em theme.liquid
- Percorre até encontrares </head> e procura este código:
<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: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript>
Remover o código Checkout
- Na página de administração do Shopify, clica em Settings e depois em Checkout.
- Na secção Order Status Page Scripts, localiza o seguinte código de controlo na caixa de texto. Se esta caixa já incluir um código, remove apenas esta parte do código:
{% if first_time_accessed %} <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: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript> <script> pintrk('track', 'checkout',{ value: {{ total_price | money_without_currency }}, currency: '{{ currency }}', order_quantity: 1, order_id: {{ checkout.id }} }); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/> </noscript> {% endif %}
Remover o código AddToCart
- Na página de administração do Shopify, clica em Online Store e depois em Themes.
- No tema que estiveres a utilizar, clica em Actions e depois em Edit code.
- Em Templates procura os ficheiros de código product.liquid, product-template.liquid, ou product-form.liquid e abre-os. Estes ficheiros podem variar dependendo do tema que tiveres instalado, mas é muito provável que encontres o código do botão "adicionar ao carrinho" no ficheiro products.liquid ou equivalente.
- No ficheiro, procura por addtocart.
- Procura e remove o seguinte código. Deve estar no cursor final do elemento <button> ou <input>:
onclick="pintrk('track', 'addtocart');"
- Clica em Guardar no canto superior direito.