Boa noite!
Estou tentando colocar as avaliações do google no site, mas não sei ao certo como alterar o script. Minha dúvida é quais variáveis devo colocar no que está em negrito.
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
"merchant_id": 117259686,
"order_id": "ORDER_ID",
"email": "CUSTOMER_EMAIL",
"delivery_country": "COUNTRY_CODE",
"estimated_delivery_date": "YYYY-MM-DD"
});
});
}
</script>
@Amanda Vieira deve ser criada uma Tag no Google Tag Manager para este script, em COUNTRY_CODE você coloca "BR" caso sua loja entregue apenas no Brasil, para as demais informações você deve criar variáveis do tipo DataLayer no Google Tag Manager, e colocá-las no script.
Pessoal eu adicionei somente o script do google no footer através de um controle customizado. Está correto? O selo apareceu, mas sem nenhuma avaliação.
Obrigado
O script que adicionei foi:
<!-- BEGIN GCR Badge Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderBadge" async defer>
</script>
<script>
window.renderBadge = function() {
var ratingBadgeContainer = document.createElement("div");
document.body.appendChild(ratingBadgeContainer);
window.gapi.load('ratingbadge', function() {
window.gapi.ratingbadge.render(
ratingBadgeContainer, {
// REQUIRED
"merchant_id": 117440398,
// OPTIONAL
"position": "BOTTOM_LEFT"
});
});
}
</script>
<!-- END GCR Badge Code -->
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'pt_BR'
};
</script>
<!-- END GCR Language Code -->
Alguma novidade nesse assunto ?
Como voces conseguiram gerar a variavel ?
"estimated_delivery_date": "YYYY-MM-DD"
@Victor Vieira @Caroline Pereira , alguém conseguiu instalar o script do selo por GTM?
@Victor Vieira não entendi essa parte: "deve ser chamado pelo acionador de "exibição de página", e a função pelo acionador "Evento personalizado""
onde faço isso e como?
Olá @guilherme Barbeiro
Você não inseriu os seguintes campos:
"order_id": "ORDER_ID",
"email": "CUSTOMER_EMAIL",
"delivery_country": "COUNTRY_CODE",
"estimated_delivery_date": "YYYY-MM-DD"
???
@Eduardo Pereira já sabe de alguma loja VTEX que conseguiu fazer funcionar ?
@Joao Bellia desconheço, estou tentando implementar em dois lojistas meus.
Assim que obtiver sucesso informo aqui.
Att,
Olá pessoal, depois de muita luta consegui resolver a inserção do cód. se alguém ainda estiver com dificuldades é só avisar que solto a solução
Abraço
Olá @Victor Vieira poderia informar ?
Att,
Por favor @Victor Vieira !!
Obrigada :)
@Victor Vieira Ainda não consegui, compartilha com a gente por favor
Segue os cód para GTM
Tag
Nome: Reviews
Tipo: HTML personalizado
Valor:
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
"merchant_id": SEU_ID
"order_id": "{{transactionId}}",
"email":"{{VisitorContactInfoEmail}}",
"delivery_country": "BR",
"estimated_delivery_date": "{{DateGoogle}}"
});
});
}
</script>
Acionadores
Tipo: Evento personalizado
Nome: orderPlaced
Disparar: Alguns eventos personalizados
Page Path > contém > orderPlaced
Variaveis
Nome: DateGoogle
Tipo: JavaScript personalizado
Valor:
function(){
var data = new Date();
var outraData = new Date();
outraData.setDate(data.getDate() + 14);
var DD = outraData.getDate().toString();
var dia = (DD.length == 1) ? '0'+DD : DD;
var MM = (outraData.getMonth()+1).toString();
var mes = (MM.length == 1) ? '0'+MM : MM;
var ano = outraData.getFullYear();
var newdateGoogle = ano+'-'+mes+'-'+dia;
return newdateGoogle;
}
Nome: transactionId
Tipo: variável da camada de dados
valor: transactionId
Nome: VisitorContactInfoEmail
Tipo: variável da camada de dados
valor: visitorContactInfo.0
após inserir e enviar os scripts no GTM, realizem uma compra de teste, se ao finalizar a compra aparecer o popup do google, está tudo certo
caso não apareça, aperte o F12, vai em console e manda o print
abraço
Olá @Victor Vieira obrigado pelo código...
Fiz só uma atualização pq quando ia salvar dava erro então deixei o meu da seguinte maneira:
<!-- BEGIN GCR Opt-in Module Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn"
async defer>
</script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
// REQUIRED
"merchant_id": ID,
"order_id": {{transactionId}},
"email": {{VisitorContactInfoEmail}},
"delivery_country": "BR",
"estimated_delivery_date": {{DateGoogle}},
// OPTIONAL
"opt_in_style": "CENTER_DIALOG"
});
});
}
</script>
<!-- END GCR Opt-in Module Code -->
Att,
Eu fiz e funcionou direitinho... Só que aparece esse erro que acho que alguma coisa está barrando a abertura da avaliação do Google... Alguém sabe o que é isso ou como ajeitar??
@Juan Vazquez eu percebi que ele aparece apenas algumas vezes e não em todas as compras. No meu também tem esse erro mas funcionou normalmente.
Pessoal eu também tive um problema semelhante devido aos acionadores e esqueci de informar aqui a mudança que eu fiz.
o script da API deve ser chamado pelo acionador de "exibição de página", e a função pelo acionador "Evento personalizado"
@Victor Vieira Show de bola..deu certo por aqui com essa ultima alteração no acionador! Obrigado!