Tags de conversão e rastreamento de compras

Depois de se familiarizar com o recurso configuração do rastreamento de conversões, consulte esta página para saber mais sobre as especificidades técnicas do rastreamento de conversões.

Geramos duas opções de "tag" de conversão usando algumas linhas de JavaScript. Você poderá criar uma website tag universal ou uma website tag de evento único. A website tag universal deve ser inserida em um código header universal do website para rastrear todas as suas páginas. A website tag de evento único deve ser inserida em algum lugar no código body do website para rastrear somente uma página. As diferentes implementações dessas duas tags geram dois formatos de código e, como resultado, duas maneiras de rastrear compras.

O código dessas tags deve ser sempre copiado diretamente do Twitter Ads e pode ser modificado nessa cópia. Você pode encontrar os códigos das suas tags com IDs exclusivos. Para isso, acesse ads.twitter.com, navegue até Ferramentas -> Rastreamento de conversões e selecione Visualizar código ao lado da conversão desejada. Veja abaixo exemplos de tags que mostram onde inserir os valores das compras em comparação com o código de tag fornecido do Twitter Ads.

Website tag universal

Há três variáveis que podem ser adicionadas à website tag universal: value, currency e num_items. As variáveis value e num_items podem ser configuradas como valores estáticos, como mostra o exemplo abaixo, ou como variáveis dinâmicas que exigem um desenvolvedor de website. A variável currency é sempre um valor estático e deve ser a mesma usada na sua conta do Twitter Ads.

Snippet de código
          <!-- Twitter universal website tag code -->
<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','TAG_ID');
twq('track',PURCHASE);
VALUE: ‘29.95’,
CURRENCY: ‘USD’,
NUM_ITEMS: ‘1’


</script>
<!-- End Twitter universal website tag code -->

      

Website tag de evento único

O código da website tag de evento único já contém todas as variáveis disponíveis com os valores definidos como 0. As duas variáveis disponíveis são tw_sale_amount e tw_order_quantity. Assim como a website tag universal, cada uma delas pode ser usada como uma variável estática ou dinâmica. No caso de uma website tag de evento único, cada uma das duas variáveis aparece três vezes na tag; cada uma dessas três instâncias deve ser definida como o mesmo valor ou variável dinâmica para que a tag colete o valor da venda ou a quantidade de pedidos corretamente.

Snippet de código
          <!-- Twitter single-event website tag code -->
<script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
<script type="text/javascript">twttr.conversion.trackPid('TAG_ID', { tw_sale_amount: 0, tw_order_quantity: 0 });</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=TAG_ID&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
<img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=TAG_ID&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
</noscript>
<!-- End Twitter single-event website tag code -->

      

Ferramentas de rastreamento de terceiros

Oferecemos suporte para as seguintes tags de contêiner de terceiros:

  • Tags Floodlight (por exemplo, Gerenciador de tags do Google, DoubleClick for Advertisers)
  • Tags de ação universal (por exemplo, Atlas)
  • Integração direta do servidor ("sem tags") com Signal

Se você utiliza rastreamento de terceiros e quer saber o valor ou a quantidade de transações que estão ocorrendo em seu site, use este código para marcar suas páginas com tags:

Snippet de código
          <img height="1" width="1" style="display:none;" alt=" " src="https://analytics.twitter.com/i/adsct?
txn_id=l4vsO&p_id=Twitter&tw_sale_amount=AMOUNT_HERE&tw_order_quantity=QUANTITY_HERE" / >
      

Definição dos valores "AMOUNT_HERE" e "QUANTITY_HERE"

Para que o código de valor da transação e de quantidade de pedidos funcione corretamente, é necessário personalizar a tag. A personalização pode ser uma "transação codificada", que sempre informa o mesmo resultado quando ocorre uma ação, ou uma "transação dinâmica", que registra números maiores.

  • As conversões codificadas são úteis para registrar sempre o mesmo valor. Por exemplo, se você decidiu que uma pessoa que se inscreve na sua lista de e-mails gera um valor de US$ 15,00 para a sua empresa, uma conversão codificada pode ser inserida na página "Agradecemos sua inscrição" para registrar US$ 15,00 a cada inscrição.
  • As transações dinâmicas devem ser usadas quando você não quer que um valor predeterminado seja atribuído a cada conversão. Por exemplo, se você definir uma conversão como uma compra e o valor total da compra de um usuário for US$ 53,72, uma transação dinâmica informará esse valor na sua conta do Twitter Ads. Para ativar essa função, é necessário que um desenvolvedor crie o código ou parâmetro que você inserirá nas seções "AMOUNT_HERE" ou "QUANTITY_HERE" do código da tag de conversão.

Como verificar website tags 

A tag começa a enviar dados para ads.twitter.com na primeira vez em que alguém visita sua página da Web com tags. A tag não precisa ser ativada para coletar dados. Se você tiver problemas com as tags ou só quiser se certificar, siga estas etapas para explorar o código do seu website e verificar se a website tag foi inserida e se está funcionando corretamente.

No Google Chrome

  1. Acesse uma página que inclua uma tag de conversão.

  2. Na barra de ferramentas do Chrome, clique em Visualizar > Desenvolvedor > Ferramentas para desenvolvedor.

  3. Clique na guia "Rede".

  4. Digite "Twitter" na caixa de busca de filtros e atualize a página.

  5. Verifique se há dois pixels instalados. Um deve ter "t.co" como caminho (isso vale para dispositivos móveis); o outro deve indicar "analytics.twitter.com" (isso rastreia conversões de desktop).

  6. Verifique se a coluna "Status" indica "200".

  7. Se você usa tags de contêiner, elas também são exibidas aqui.

  8. Em outra janela, acesse ads.twitter.com e, em "Ferramentas", navegue até a página "Rastreamento de conversões".

    Snippet de código
              <script src="//platform.twitter.com/oct.js" type="text/javascript">
    </script>
    <script type="text/javascript">twttr.conversion.trackPid('[Insert Tag ID Here]', {tw_sale_amount: 0, tw_order_quantity: 0 });</script>
    <noscript>
    <img height="1" width="1" style="display:none;" alt=" " src="https://analytics.twitter.com/i/adsct?txn_id=[Insert Tag ID Here]&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    <img height="1" width="1" style="display:none;" alt=" " src="//t.co/i/adsct?txn_id=[Insert Tag ID Here]&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    </noscript>
          
  9. Clique em "Editar" para ver a tag de conversão e deixe essa página aberta para referência.

  10. Volte à página rastreada, clique com o botão direito do mouse e selecione "Inspecionar elemento".

  11. Pressione Command + F para ativar uma barra de busca e digite "twitter".

  12. Ao percorrer as menções de "twitter" feitas pelo seu código, você deve encontrar o snippet de código que corresponda à sua tag.

  13. Se você não visualizar sua tag no código, tente reinstalar a website tag.

No Mozilla Firefox

  1. Acesse uma página que inclua uma tag de conversão.

  2. Na barra de ferramentas do Firefox, clique em Ferramentas > Desenvolvedor da Web > Rede.

  3. Role para baixo e procure "t.co" (que rastreia conversões em celulares) e "analytics.twitter.com" (que rastreia desktop) na coluna "Domínio".

  4. Verifique se a coluna "Status" indica "200".

  5. Se você usa tags de contêiner, elas também são exibidas aqui.

  6. Em outra janela, acesse ads.twitter.com e, em "Ferramentas", navegue até a página "Rastreamento de conversões".

    Snippet de código
              <script src="//platform.twitter.com/oct.js" type="text/javascript">
    </script>
    <script type="text/javascript">twttr.conversion.trackPid('[Insert Tag ID Here]', {tw_sale_amount: 0, tw_order_quantity: 0 });</script>
    <noscript>
    <img height="1" width="1" style="display:none;" alt=" " src="https://analytics.twitter.com/i/adsct?txn_id=[Insert Tag ID Here]&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    <img height="1" width="1" style="display:none;" alt=" " src="//t.co/i/adsct?txn_id=[Insert Tag ID Here]&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    </noscript>
          
  7. Clique em "Editar" para ver a tag de conversão e deixe essa página aberta para referência.

  8. Volte à página rastreada, clique com o botão direito do mouse e selecione "Inspecionar elemento".

  9. Pressione Command + F para ativar uma barra de busca e digite "twitter".

  10. Ao percorrer as menções de "twitter" feitas pelo seu código, você deve encontrar o snippet de código que corresponda à sua tag.

  11. Se você não visualizar sua tag no código, tente reinstalar a website tag.

Pronto para anunciar no Twitter?