316 Usuários online agora
Faça perguntas sobre relatórios personalizados do Google Analytics, o uso da API e do Google Tag Manager e outros recursos avançados
Guie-me
star_border
Responder

TAG MANAGER - Dúvida

[ Editado ]
Estudante ✭

Bom dia Pessoal,

 

Sei que a ferramenta tag manager me permite implementar os scripts para remarketing tradicional e conversão.

 

Gostaria de saber se tem como implementar o remarketing dinamico e google shopping nessa ferramenta ?

Especialistas responderamverified_user

Re: TAG MANAGER - Dúvida

Principal Colaborador

Bom dia Publicidade

 

O Tag Manager é um ótimo recurso e também é compatível com Remarketing Dinâmico, para fazer isso basta definir valores personalizado para cada página.

Preparar os parâmetros personalizados

O Gerenciador de tags do Google oferece duas opções de passar parâmetros personalizados para a tag de remarketing:

      • "dataLayer", uma construção javascript para passar parâmetros
        • Prós: forma recomendada, a mais simples para passar os parâmetros certos
        • Contras: exige codificação JavaScript
      • configurar manualmente cada parâmetro usando macros
        • Prós: a codificação JavaScript não será necessária, configuração mais fácil
        • Contras: é necessário conseguir extrair todos os dados da página por meio de macros, não acomoda manipulação de matrizes (o que é útil para conseguir a lista de IDs do produto em uma página de carrinho, por exemplo) ou de strings

3.1) Opção 1 (recomendada): uso de "dataLayer"

"dataLayer" é um objeto Javascript usado para transmitir dados para o Gerenciador de tags do Google. Nesse caso, temos que transmitir o objeto "google_tag_params" (descrito no guia de implementação de tags de remarketing). Por exemplo:

<script>
var google_tag_params = {
  prodid: ['123A', 'H456'],
  pagetype: 'cart',
  pname: ['Samsung Galaxy Nexus','Game of Thrones'],
  pcat: ['electronics', 'books'],
  pvalue: [599, 19.99]
}
</script>
<script>
dataLayer = [{
  google_tag_params: window.google_tag_params
}];

</script>


Consulte a documentação em https://developers.google.com/tag-manager/reference para mais informações.

3.2) Opção 2: uso de macros para cada parâmetro personalizado

Para todos os parâmetros necessários para remarketing dinâmico, crie macros para extrair as informações da página:

      1. pagetype (preenchido anteriormente)
      2. prodid
      3. pname
      4. pcat
      5. pvalue

 

 

A dificuldade aqui é encontrar onde essa informação está disponível nos vários tipos de página e encontrar o tipo de macro certo para extraí-la: texto de DOM, atributo de DOM ou variável de JavaScript.

 

Um atributo de DOM é um atributo dentro de um elemento de HTML, como:

 

<div id=”product” sku=”ABC123”>Abajur</div>

 

Uma variável JavaScript pode ser:

 

<script>

...

var prodids = [‘123’,’456’];

var prodcat = ‘gift’;

...

</script>

 

3.3) Opção 3 (avançada): uso da tag HTML personalizada

Essa opção permite que você implemente qualquer tipo de código JavaScript para extrair as informações necessárias, o que fornece grande flexibilidade.

 

Suponhamos que você tenha a página a seguir:

 

URL:

http://www.example.com/abajur--0000AK12345-

HTML:

<html>

  <title>Example.com: abajur barato</title>

<head>

</head>

<body>

  <h1>Abajur</h1>

  <div id=”productdetails”>

    <div class=”prd-price”>$99.99</div>

  </div>

</body>

</html>

 

Crie uma nova tag, do tipo "Tag HTML personalizada" e cole o seguinte:

<script>
var prodIdRe = /--0*(.*)-/; // expressão regular para extrair o "prodid" do URL
var prodid = prodIdRe.exec({{url}})[1]; // referência à macro URL
// Extração do preço
var prodDetailsElmt = document.getElementById('productdetails');
var priceElmt = prodDetailsElmt.getElementsByTagName('div')[0]; //primeiro div
if(priceElmt.className == 'prd-price') { // verifica a classe
  var price = parseFloat(priceElmt.textContent.substr(1));
}
dataLayer.push({
  event:'fire_rmkt_tag',
  prodid: prodid,
  price: price
});
</script>

A primeira parte do código permite que você extraia e formate as informações necessárias. Você pode usar toda a eficiência da manipulação de string JavaScript (expressões regulares, substrings etc) e acessar o DOM (elementos HTML).

Quando todo o trabalho de preparação tiver sido feito, você poderá disparar um evento  (‘fire_rmkt_tag’) e passar a ele os parâmetros desejados.

 

Configure a regra para executar esse código em todas as páginas relevantes, por exemplo, todas as páginas de produto. É recomendável que você realize testes extensivos para confirmar se os parâmetros foram extraídos corretamente em todas as páginas e para garantir que o código funcione em todas as versões principais de navegadores. Por exemplo, páginas em determinadas categorias de produto podem ter um layout diferente de outras (como vestuário comparado a eletrônicos). Sendo assim, talvez seu código precise ser diferente.

A extração de informações diretamente da página ou do URL é uma solução atraente porque permite que você não precise de uma equipe de TI/webmaster para passar os parâmetros certos. No entanto, é uma solução potencialmente mais frágil que poderá ser corrompida se o layout da página for alterado.

 

O que resta é criar outra tag do tipo “Remarketing do Google AdWords” e defini-la com uma regra para ser disparada quando o evento ‘fire_rmkt_tag’ for recebido.

 

fonte: https://support.google.com/tagmanager/answer/3002580?hl=pt-BR

 


Já o Google Shopping é vinculado com o Google Merchant Center (http://www.google.com.br/merchants/) e precisa ser configurado por ele. Basta subir o xml com as informações adequadas de produto, com isso você pode usar também campanhas de PLA (Product Listing Ads) 

Henrique Giacometti, Principal Colaborador | Adwords e Analytics
Minha resposta foi útil? Se sim, marque como "melhor resposta".| Linkedin