Acesse o Google Tag Manager de seu site em https://tagmanager.google.com para iniciar as configurações.

Como configurar o Google avaliação em seu Google Tag Manager.

Não possuí o GTM habilitado em sua plataforma? Clique aqui e veja como realizar este procedimento.

A configuração se resume em 3 partes:

Criação das variáveis;
Criação dos acionadores;
Inserção dos Scripts.

Como criar variáveis no Google Tag Manager

Logando no Google Tag Manager, vamos criar as primeiras variáveis necessárias para o funcionamento do Google avaliação.

Para criar a primeira variável você deve acessar o menu lateral "Variável" .

Abrirá uma outra página, onde você deve clicar no botão "NOVA".

Após clicar em NOVA, abrirá uma janela para que você insira o nome da variável e uma visualização para escolher a opção da variável. Digite o nome da sua nova variável e clique no lápis para escolher a opção de variável.

Clicando no lápis de opções de variáveis, abrirá diversas opções onde vamos trabalhar com somente com a opção Variável JavaScript.

Após escolher o tipo, voltará para a tela anterior onde será solicitado o valor da variável. No caso da opção Variável JavaScript, aparecerá o campo Nome da variável global.

Após realizar a criação da tag, clique em "Salvar" no canto superior direito.

Configurando as variáveis para o Google Avaliação
Agora que já sabemos como criar variáveis, vamos listar as opções necessárias para o pleno funcionado do Google Avaliação.

Após a configuração, você deverá ter um resultado idêntico a este:

Como Criar Acionadores de Tags

Para criar um Acionador, você deve clicar no menu "Acionadores"

Clique no botão "NOVO".

Abrirá uma janela, onde será solicitado o nome do acionador e o tipo. O nome padrão de cada acionador será informando na tabela a seguir.

Clicando no lápis para escolher as opções de acionadores, abrirá outra janela. Para o Google Avaliação, usaremos apenas a opção "DOM Ponto"

Clicando na opção "DOM Ponto", você visualizará as opções: Alguns eventos DOM prontos. Para o Google Avaliações, usaremos apenas a opção "Alguns eventos DOM prontos". Após clicar na opção "Alguns eventos DOM prontos", aparecerá 3 campos, sendo o primeiro para definir a variável criada anteriormente, a condição e o valor da condição. Para criar o acionador, basta clicar no simbolo ( + ) e para excluir, clique no simbolo ( - ) .

Após realizar a criação da tag, clique em "Salvar" no canto superior direito.

Lista de Acionadores para configuração do Google Avaliação

Agora que já sabemos como criar os acionadores, siga as informações da tabela abaixo.

Você também deve criar um acionador do tipo DOM pronto para as variáveis que inserimos anteriormente, ficando desta maneira:

Como criar as tags no Google Tag Manager.

Clique no menu "Tags".

Clique no botão "NOVA".

Abrirá uma nova janela solicitando o nome da tag, o tipo da tag e o acionamento. O nome da tag será informado na tabela a seguir. O Tipo da tag trabalharemos apenas com o "HTML Personalizado".

Clicando no lápis na área de "Configuração da Tag" aparecerá diversas opções onde devemos escolher a opção "HTML Personalizado".

Clicando em HTML Personalizado, você visualizará um bloco para inserção de código.

Insira este código HTML no campo mencionado acima.
Lembre-se de alterar o conteúdo da variável "merchant_id" adicionando o id do seu Merchant.

<script>

  var scriptTag = document.createElement('script');

  scriptTag.src = 'https://apis.google.com/js/platform.js?onload=renderOptIn';

  document.body.appendChild(scriptTag);

 window.renderOptIn = function () {

      window.gapi.load('surveyoptin', function () {

          window.gapi.surveyoptin.render(

              {

                  "merchant_id": SEUMERCHANTID,

                  "order_id": "{{GTMorderid}}",

                  "email": "{{GTMemail}}",

                  "delivery_country": "BR",

                  "estimated_delivery_date": "{{GTMestimateddeliverydate}}"

              });

      });

  }

window.___gcfg = {

      lang: 'pt_BR'
  }; 

</script>

Abaixo do campo de personalização do HTML, clicando no lápis para configurar os acionadores, será exibidos todos os acionadores já cadastrados anteriormente onde você deve selecionar o acionador da página de confirmação que criamos anteriormente

Após realizar a criação da tag, clique em "Salvar" no canto superior direito.

Inserindo o selo de avaliação no site

Para inserir o selo de avaliação, você deverá seguir os passos abaixo:

1 - Criar uma variável do tipo URL:

OBS: Pode ser que o seu GTM já possua esta variável como uma variável incorporada.

2 - Criar um acionador para esta variável, com as configurações da imagem abaixo:

3 - Criar uma TAG com o script do selo usando o acionador criado acima:

Use o script abaixo no campo de personalização do HTML, alterando o valor da variável "merchant_id" para o ID do seu merchant.

<script>

  

  var scriptTag = document.createElement('script');

  

  scriptTag.src = 'https://apis.google.com/js/platform.js?onload=renderBadge';

  

  document.body.appendChild(scriptTag);



  window.renderBadge = function () {

      

      var ratingBadgeContainer = document.createElement("div");

      

      document.body.appendChild(ratingBadgeContainer);

      

      window.gapi.load('ratingbadge', function () {

          

          window.gapi.ratingbadge.render(

              

              ratingBadgeContainer, {

                  

                  "merchant_id": SEUMERCHANTID,

                  

                  "position": "BOTTOM_LEFT"

              

              });

      });

  }



  window.___gcfg = {

      

      lang: 'pt_BR'

  

  }; 



</script>

Publicando o Google Avaliação

Realizado todas as configurações vamos publicar as modificações realizadas para espelhar em nosso site. Vamos clicar em ENVIAR no canto superior direito

Abrirá uma nova tela e clicaremos em PUBLICAR.

Ao finalizar estes procedimentos, você terá concluído a instalação de todos os scripts necessários para funcionamento do Google Avaliação.