Alguém saberia informar o link de alguma documentação vtex para uma correta configuração do pixel Facebook nas paginas do site?
Inclusive mostrando como configurar o content_ids e content_type, via GTM ou direto nas novas paginas de check-out vtex.
Pois não encontrei nenhuma documentação vtex a respeito.
Sds.
Andre
Oi @Fabio Santos de Albuquerque Eu vi o documento que você passo mais não consegui configurar ADD TO CART Event. Isto está certo? ¡Obrigado!
- FB - AddToCart
- HTML personalizado
<script>fbq('track', 'AddToCart', {content_ids: '{{productId}}', content_type: 'product', value: '{{productPriceTo}}', currency: 'BRL'});</script>
- Sequencia de Tags:
Disparar tag antes: FB - Pixel
- Acionamento:
- addToCart
- addToCart
- TIpo: Clique - todos os elementos
- disparar:
Click classes - Corresponde a RegEx buy-button|buy-button-ref
A maneira mais tranquila é colocar via GTM.
O que você pode fazer para testar as informações que precisa é ver sobre o DataLayer.
Precisa de um pouco de conhecimento de Dev, porém é só escrever dataLayer no console do navegador e ver as informações disponíveis.
Obrigado @caio martins vou verificar no datalayer. Anteriormente havia um topico sobre isso mas com a migração da vtex para a nova comunidade se perdeu o link abaixo:
lab.vtex.com/community/questions/36399/pixel-conversao-no-facebook.html
@ANDRE OLIVEIRA acredito que esse documento seja auto explicativo.
Depois marque a minha mensagem como a "melhor opção" caso tenha dado certo.
@Fabio Santos de Albuquerque essas tags do GTM são só colocar no script do FB? Não precisa configurar nada antes?
É tipo só escrever mesmo?
@ANDRE OLIVEIRA , já colocou a FB Pixel Base Code?
A FB Pixel Base Code basta copiar e colar no tag manager.
Depois crie a tag FB Pixel product
<script>
fbq('track', 'ViewContent', {
value: {{productPriceTo}},
currency: 'BRL',
content_name: {{productName}},
content_ids: {{productId}},
content_type: 'product'
});
</script>
Para ela vc vai precisa criar as variáveis abaixo:
value: {{productPriceTo}}, - variável da camada de dados
content_name: {{productName}}, - variável da camada de dados
content_ids: {{productId}}, - variável da camada de dados
A sequencia acrie a tag "FB Pixel AddCart" e cole o código abaixo
<script>
fbq('track', 'AddToCart', {
content_ids: {{IdProductsCart}},
content_type: 'product',
value: {{productPriceTo}},
currency: 'BRL'
});
</script>
Crie a variável
content_ids: {{IdProductsCart}} - javascript personalizado
Cole o código
function() {
var
arr = {{orderFormProducts}},
len = arr.length,
i = -1,
res = [];
while (++i < len) {
res[i] = arr[i].id;
};
return res;
}
Agora a crie a tag "FB pixel Order" e coloe o código abaixo
<script>
fbq('track', 'Purchase', {
content_ids: {{IdsProductsOrder}},
content_type: 'product',
value: {{transactionTotal}},
currency: 'BRL'
});
</script>
na sequencia as variáveis abaixo
content_ids: {{IdsProductsOrder}}, - Javascript personalizado
function() {
var
arr = {{transactionProducts}},
len = arr.length,
i = -1,
res = [];
while (++i < len) {
res[i] = arr[i].id;
};
return res;
}
e
value: {{transactionTotal}}, - variável da camada de dados
Espero ter ajudado.
Abs
@Fabio Santos de Albuquerque obrigado pelo retorno, estou seguindo os passos e acredito que terei que implementar alguma variavel javascript para pegar todos os IDs de produtos do carrinho o restante está funcionando e assim que terminar de implementar retorno.
@Rodrigo Araujo obrigado pelas informações, acredito que agora vai dar certo, pois estava precisando de uma variavel de javascript personalizado para pegar todos os Ids dos Produtos e no seu exemplo encontrei.
Assim que terminar a implementação retorno com feedback.
@ANDRE OLIVEIRA todas as variaveis, tags e acionadores já estão no documento mencionado. Não precisa criar nada a mais.
@caio martins não precisa configurar nada antes. Basta criar as tags no GTM. Claro que o GTM tem que estar configurado no seu site :) e no facebook você precisa criar o seu pixel do facebook.
Pessoal, deu certo. Já esta funcionando corretamente o pixel do facebook com todos os detalhes.
Agradeço imensamente pela ajuda.
@ANDRE OLIVEIRA que bom que funcionou.
Precisou ajustar algo no documento que passei?
@Fabio Santos de Albuquerque no meu caso precisei criar apenas mais uma variável a mais do tipo javascript personalizado para pegar mais de um Id do Produto.
@Fabio Santos de Albuquerque no documento que você passou, na parte de criar a TAG do pixel do facebook (FB - Pixel), diz para colocar para disparar a tag antes da própria FB - Pixel, isso está errado?
- FB - Pixel
- HTML personalizado
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '000000000000000000000'); // Insert your pixel ID here.
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=000000000000000000000&ev=PageView&noscript=1"
/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->
- Sequencia de Tags:
Disparar tag antes: FB - Pixel
- Acionamento:
- All Pages
@ANDRE OLIVEIRA oi andre, deu certo para voce fazendo um mix do que o fabio informou com o que rodrigo informou?
O tutorial do fabio deu certo, o do rodrigo nao consegui salvar no GTM.
Mas mesmo assim o facebook ainda indica que falta isso:
Parâmetro content_ids ou contents ausente de "Purchase" em Pixel de NewSkull Store
Parâmetro content_type ausente de "ViewContent" em Pixel de NewSkull Store
Parâmetro content_ids ou contents ausente de "ViewContent" em Pixel de NewSkull Store
Missing "AddToCart, Purchase, ViewContent" events in Pixel de NewSkull Store
Bom dia @ANDRE OLIVEIRA estou cadastrando as tags para a loja Not A Shoe, mas estou com dificuldades, por conta da inexperiência nesse assunto.
Criei as TAGS FB pixel base code, FB pixel product, FB pixel AddCart e FB pixel Order.
Estou travado na hora de criar as variáveis.
São do tipo javascript personalizados?
Preciso criar uma variável de cada tipo?
value: {{productPriceTo}}, - variável da camada de dados
content_name: {{productName}}, - variável da camada de dados
content_ids: {{productId}}, - variável da camada de dados
Posso usar qualquer nome para a variável?
O acionamento é em todas as páginas?
Esse código que você passou:
"Crie a variável
content_ids: {{IdProductsCart}} - javascript personalizado
Cole o código
function() {
var
arr = {{orderFormProducts}},
len = arr.length,
i = -1,
res = [];
while (++i < len) {
res[i] = arr[i].id;
};
return res;
}
"
uso qual acionador? Todas as páginas? Evento Personalizado?
E
Sei que não é o intuito aqui, mas poderia explicar melhor essa parte das variáveis, com um passo a passo se for possível?
Não sou programador e fui incumbido de resolver essa pendência já que o pixel registra as vendas, mas não os valores das transações.
Muito obrigado e você e a todos que puderem colaborar.
Estou enviando uns prints das telas do GTM
Bom dia! Qual dessas duas Tags deve ser utilizada no Pixel Product?
script>
fbq('track', 'ViewContent', {
value: {{productPriceTo}},
currency: 'BRL',
content_name: {{productName}},
content_ids: {{productId}},
content_type: 'product'
});
</script>
-------------- ou ----------------------
<script>
fbq('track', 'ViewContent', {
value: {{value}},
currency: 'BRL',
content_name: {{content_name}},
content_ids: {{productId}},
content_type: 'product'
});
</script>
Boa tarde @ANDRE OLIVEIRA qual das duas tags é correta para o pixel product?
@ANDRE OLIVEIRA @Rodrigo Araujo , vocês ou alguém podem me ajudar a configurar esses Pixels do Facebook ?
Estou tendo muitos problemas e não estou conseguindo fazer essas configurações.
Aguardo a gentileza de alguém :)
@Gustavo Lopes Boa tarde! Você chegou a baixar o arquivo que está disponível aqui? Eu consegui utilizando aquele guia mais algumas informações aqui do post.