Adicionar a variável de detalhes da compra a tags ou snippets de evento do Floodlight

Depois que seu desenvolvedor da Web criar o código para preencher a variável de detalhes da compra, você precisará atualizar suas tags ou snippets de evento do Floodlight para que eles possam transmitir os dados ao Search Ads 360.

Se você utilizar o Gerenciador de tags do Google, precisará atualizar o contêiner para usar os dados enviados à matriz ecommerce.purchase.products ou criar macros que transmitam esses dados à sua tag do Floodlight.

Atualizar manualmente as tags

Caso você envie os detalhes da compra diretamente a uma tag do Floodlight, é provável que o desenvolvedor da Web tenha disponibilizado a variável de detalhes da compra para a página em um objeto JavaScript ou como uma variável personalizada no DOM.

Por exemplo, digamos que o desenvolvedor da Web disponibilize os detalhes da compra em um objeto JavaScript chamado floodlightSpec. Você precisaria atualizar seu snippet de evento do Floodlight desta maneira:

<!--
Event snippet for Thank You on http://www.example.com/thanks: Please do not remove.
Place this snippet on pages with events you’re tracking. 
Creation date: 11/01/2017
-->
<script>
  gtag('event', 'purchase', 
    {
      'allow_custom_scripts': true,
      'send_to': 'DC-1234567/group1/thank123+transactions',
      'transaction_id': floodlightSpec.sessionID,
      'value': floodlightSpec.revenue,
      'items': [
        {  'id': floodlightSpec.item[0].id,
           'price': floodlightSpec.item[0].price,
           'quantity': floodlightSpec.item[0].number 
        },
        {  'id': floodlightSpec.item[1].id,
           'price': floodlightSpec.item[1].price,
           'quantity': floodlightSpec.item[1].number 
        }
      ],
      'country': floodlightSpec.country,
      'language': floodlightSpec.lang
    }
);
</script>
<noscript>
<img src="https://ad.doubleclick.net/ddm/activity/src=1234567;type=group1;cat=thank123;
qty=1;cost=floodlightSpec.revenue;dc_lat=;dc_rdid=;
tag_for_child_directed_treatment=;tfua=;npa=;
ord=floodlightSpec.sessionID;prd=i1:floodlightSpec.item[0].id|p1:floodlightSpec.item[0].price|q1:floodlightSpec.item[0].number|i2:floodlightSpec.item[1].id|p2:floodlightSpec.item[1].price|q2:floodlightSpec.item[1].number|c:floodlightSpec.country|l:floodlightSpec.lang?" width="1" height="1" alt="">
</noscript>
<!-- End of event snippet: Please do not remove -->

Observação: Os snippets de evento gerados pelo Search Ads 360 incluem uma tag <noscript> opcional com uma tag de imagem do Floodlight. Ela é usada para registrar conversões em navegadores incompatíveis com JavaScript.

Usar o Gerenciador de tags do Google para atualizar suas tags

Essa solução ajuda você a manter as tags no site. Em vez de adicionar e atualizar tags diretamente no site, é possível fazer isso no Gerenciador de tags do Google. Assim, ele gera tags formatadas corretamente no site quando necessário. Saiba mais sobre o Gerenciador de tags do Google.

Quando for necessário transmitir os dados gerados dinamicamente (como os detalhes da compra) para tags processadas pelo Gerenciador de tags do Google, o desenvolvedor da Web terá duas opções:

Usar as informações da camada de dados

Se o desenvolvedor da Web tiver disponibilizado a variável de detalhes da compra na camada de dados, siga estas etapas para transmitir os dados à tag do Floodlight:

• Use o método dataLayer.push para disponibilizar os dados na camada de dados do Gerenciador de tags do Google.

1. No Gerenciador de tags do Google, navegue até o contêiner do seu site.

2. Clique na guia Tags e na tag de transação do Floodlight que registra as vendas.

3. Clique no ícone de lápis para fazer alterações na tag.

4. Em "Relatórios de produtos", marque a caixa de seleção Fornecer dados de vendas no nível do produto.

5. Na lista Fonte de dados, selecione Camada de dados.
   O Gerenciador de tags do Google usará automaticamente as informações enviadas à camada de dados na matriz ecommerce.purchase.products.

6. Clique em Salvar.

7. Visualize e publique as alterações.

Usar uma variável para acessar outros dados

Se o desenvolvedor da Web tiver disponibilizado a variável de detalhes da compra em outro lugar que não seja a camada de dados, siga estas etapas para transmitir os dados usando uma variável do Gerenciador de tags do Google (anteriormente uma macro):

• Gere os dados em outro lugar (como em uma variável DOM).

1. No Gerenciador de tags do Google, navegue até o contêiner do seu site.

2. Clique na guia Tags e na tag de transação do Floodlight que registra as vendas.

3. Clique no ícone de lápis para fazer alterações na tag.

4. Em "Relatórios de produtos", marque a caixa de seleção Fornecer dados de vendas no nível do produto.

5. Na lista Fonte de dados, selecione uma das seguintes opções:

   • Variável JavaScript se os dados estiverem formatados como uma variável JavaScript

   • Valor formatado do Floodlight se os dados forem formatados como uma string

6. Clique no ícone "Adicionar variável" ao lado do Campo de dados do produto.

7. Clique no botão Nova variável no canto superior direito.

8. Clique no ícone de lápis no card de configuração da variável e siga estas instruções:

   1. Escolha o tipo de variável apropriado. Por exemplo, se os dados estiverem disponíveis em uma variável JavaScript, selecione Variável JavaScript.

   2. No próximo campo, digite o nome do objeto que contém os dados.

      Por exemplo, esta é uma página que exibe a string como uma variável JavaScript mundial:

      <script> window.salesData="i1:sku-12345|p1:100.0|q1:1|i2:sku-67890|p2:20.0|q2:2" </script>

       

9. Nomeie a variável editando o namespace na parte superior ou clique em "Salvar" e edite o nome na janela seguinte. Depois de fazer isso, você verá o nome entre colchetes duplos no Campo de dados do produto.

10. Clique em Salvar novamente para atualizar a versão de rascunho da sua tag.

11. Visualize e publique as alterações.