FROM CACHE - pt-br_header
Esta comunidade agora é um espaço de suporte colaborativo. O Atendimento ao cliente da Shopify ficará indisponível para a comunidade, mas você pode se conectar com outros lojistas e parceiros para compartilhar dúvidas, dicas e experiências! Conteúdos que violam nosso Código de conduta ou que você deseja que sejam removidos ainda devem ser denunciados.

Pinterest código evento adicione ao carrinho

Pinterest código evento adicione ao carrinho

ChristianSilva
Visitante
1 0 0

Estou tentando configurar os códigos de conversão do Pinterest, e estou com dificuldades  para encontrar onde utilizo o código fornecido pelo pinterest para evento adicione o carrinho.

 

As instruções que eu estava olhando eram estas (Etapa 3):

https://help.pinterest.com/en/business/article/shopify-and-pinterest-tag

 

No meu código atual que tenho meu product.liquid, não consigo encontrar a seção addtocart onde preciso inserir o código do Pinterest. estou usando o tema do Warehouse.

Se houver mais informações que alguém possa me informar, eu agradeço.

2 RESPOSTAS 2

LéoHackin
Shopify Partner
5 0 0

Olá @ChristianSilva , tudo certo?

Se o seu domínio é mais antigo, você pode usar o app nativo do Pinterest para o Shopify (que tem o link até nas docs que vc mandou). Imagino que vc queira fazer isso manualmente por não se encaixar nisso certo?

Pelo que vi do tema original (é esse certo? - https://themes-warehouse.myshopify.com/), ele usa o Cart ajax API do Shopify por baixo. O código que você procura está no arquivo shop.js (provavelmente está dentro da pasta de assets) dentro do método doAjaxAddToCart.  O problema aí é que você vai alterar um código que pode atrapalhar vc no upgrade de tema.

A melhor solução é você ficar ouvindo os eventos Ajax para a url /cart/add.js. Daí você botaria o  código do pinterest nela. Esse tema que você citou, usa JQuery como lib, então na prática o que funciona é:

$(document).ajaxComplete(function(event, xhr, settings) {
  if (settings.url === "/cart/add.js") {
    // coloque o código do pinterest aqui ;)
  }
});


Bote esse código depois da chamada ao seu Jquery e tudo deve funfar de boa. 😉 

Dev, Geek e Incorrigível Otimista que gosta de criar coisas e resolver problemas (quase sempre) com tecnologia.

LéoHackin
Shopify Partner
5 0 0

Ou você pode usar o web pix api, que é o mais indicado. 🙂 você pode ver mais aqui: https://help.shopify.com/en/manual/promoting-marketing/pixels/overview

Para essa implementação em si, você pode ir em Settings > Customer Events.
Daí, você pode criar um pixel chamado "Pinterest" por exemplo.

Adicione o código de inicialização ai mesmo e depois, pra pegar o add_to_cart você pode fazer como no código abaixo.

 analytics.subscribe("product_added_to_cart", event => {
   // código do pinterest aqui
 });

 

Dev, Geek e Incorrigível Otimista que gosta de criar coisas e resolver problemas (quase sempre) com tecnologia.