Píxeles de conversión y seguimiento de compras

Después de familiarizarte con el seguimiento de conversiones en líneala configuración del seguimiento de conversiones, usa esta página para saber más sobre los aspectos técnicos del seguimiento de conversiones.

El "píxel" de conversión que generamos son unas cuantas líneas de Javascript. Colocarás este código en el HTML de cualquier página de la que quieras hacer un seguimiento, justo antes de la etiqueta "</body>que se encuentra al final de la página.

Solo se hará un seguimiento de las páginas que tengan un píxel de conversión (el código que has generado). Deberías crear un píxel distinto para cada página.

Cómo colocar el código del valor de la transacción y la cantidad del pedido

El seguimiento de conversiones automáticamente registra el tráfico y el recorrido que sigue el usuario a través de las páginas con píxeles, pero para registrar cuánto está gastando alguien o la cantidad que están comprando, necesitas este código adicional. Añádelo antes de la etiqueta "</body>" en la página de la que quieras hacer el seguimiento, en lugar del código del píxel habitual. El código también es diferente si estás usando un sistema de seguimiento desarrollado por un tercero.

Fragmento de código
          <script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
<script type="text/javascript">
twttr.conversion.trackPid('163yb', {tw_sale_amount: AMOUNT_HERE, tw_order_quantity: QUANTITY_HERE });</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=" " src="https://analytics.twitter.com/i/adsct?txn_id=163yb&p_id=Twitter$tw_sale_amount=AMOUNT_HERE&tw_order_quantity=QUANTITY_HERE" />
<img height="1" width="1" style="display:none;" alt=" " src="//t.co/i/adsct?txn_id=163yb&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
</noscript>
      

Herramientas de seguimiento de terceros

Damos soporte a los siguientes contenedores de etiquetas de terceros:

  • Etiquetas Floodlight (p. ejem., Google Tag Manager, DoubleClick for Advertisers)
  • Etiquetas de acción universal (p. ejem. Atlas)
  • Integración directa al servidor ("sin etiquetas") con Signal

Si quieres saber el precio o la cantidad de las transacciones que ocurren en tu sitio web y estás usando seguimiento de terceros, usa este código para etiquetar tus páginas:

Fragmento 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" / >
      

Cómo configurar los valores “AMOUNT_HERE” y “QUANTITY_HERE”

Para que tu código de valor de transacción y cantidad del pedido funcione correctamente, tienes que personalizar el píxel. La personalización puede ser una "transacción fija" que siempre reporte el mismo resultado cuando sucede una acción, o una "transacción dinámica" que registre cifras más detalladas.

  • Las conversiones fijas son de ayuda si lo que quieres es registrar el mismo valor cada vez. Por ejemplo, si decides que alguien que se registre en tu lista de correos produce un valor de 15 euros para tu compañía, podrías colocar una conversión fija en tu página de "Gracias por registrarte" para que se registren 15 euros por cada registro.
  • Las transacciones dinámicas deben usarse cuando no quieres dar un valor predeterminado a cada conversión. Por ejemplo, si defines una conversión como una compra, y el importe total de la compra de un usuario es 53,72 euros, una transacción dinámica reportaría esa cantidad a tu cuenta de Twitter Ads. Para activar esta característica, necesitarás un desarrollador que cree el código o parámetro que colocarás en las secciones “AMOUNT_HERE” o “QUANTITY_HERE” del código del píxel de conversión.

Cómo verificar los píxeles de conversión 

Tu píxel empieza a enviar datos a ads.twitter.com la primera vez que alguien visita la página en la que lo colocaste. Tu píxel no tiene que activarse para recoger los datos, pero si experimentas problemas con tu píxel o simplemente quieres ser meticuloso, usa estos pasos para explorar el código de tu sitio web y verificar que tu píxel de conversión está colocado y funciona correctamente.

Si usas Google Chrome

  1. Visita una página que incluya un píxel de conversión

  2. En la barra de herramientas de Chrome haz clic en Ver > Desarrollador > Herramientas de desarrollador.

  3. Haz clic en la pestaña "Red".

  4. Escribe "Twitter" en el campo del búsqueda y refresca la página.

  5. Comprueba que hay dos píxeles instalados. Uno debería tener "t.co" como vía (es para dispositivos móviles), y el otro debería decir "analytics.twitter.com" (este hace un seguimiento de las conversiones en ordenadores de escritorio).

  6. Comprueba que la columna "Estado" dice "200".

  7. Si estás usando contenedores de etiquetas, también los verás ahí.

  8. En otra ventana, navega hasta tu página de "Seguimiento de conversiones" dentro de "Herramientas" en ads.twitter.com.

    Fragmento de código
              <script src="//platform.twitter.com/oct.js" type="text/javascript">
    </script>
    <script type="text/javascript">twttr.conversion.trackPid('163yb', {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=163yb&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=163yb&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    </noscript>
          
  9. Haz clic en "editar" para ver tu píxel de conversión y deja esta página abierta como referencia.

  10. Vuelve a la página de la que estás haciendo el seguimiento, haz clic con el botón derecho y elige "Inspeccionar el elemento".

  11. Pulsa Comando + “F” para abrir una barra de búsqueda y escribe "twitter".

  12. Desplázate hacia abajo comprobando las menciones de "twitter" y deberías poder ver el fragmento de código que concuerda con tu píxel.

  13. Si no ves el píxel en el código, intenta reinstalar el píxel de conversión.

Si usas Firefox de Mozilla

  1. Visita una página que incluya un píxel de conversión

  2. En la barra de herramientas de Firefox haz clic en Herramientas > Desarrollador web > Red.

  3. Desplázate hacia abajo y busca "t.co" (esto hace un seguimiento de las conversiones móviles), y "analytics.twitter.com" (para seguir las conversiones en ordenadores de escritorio) en la columna "Dominio".

  4. Comprueba que la columna "Estado" dice "200".

  5. Si estás usando contenedores de etiquetas, también los verás ahí.

  6. En otra ventana, navega hasta tu página de "Seguimiento de conversiones" dentro de "Herramientas" en ads.twitter.com.

    Fragmento de código
              <script src="//platform.twitter.com/oct.js" type="text/javascript">
    </script>
    <script type="text/javascript">twttr.conversion.trackPid('163yb', {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=163yb&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=163yb&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    </noscript>
          
  7. Haz clic en "editar" para ver tu píxel de conversión y deja esta página abierta como referencia.

  8. Vuelve a la página de la que estás haciendo el seguimiento, haz clic con el botón derecho y elige "Inspeccionar el elemento".

  9. Pulsa Comando + “F” para abrir una barra de búsqueda y escribe "twitter".

  10. Desplázate hacia abajo comprobando las menciones de "twitter" y deberías poder ver el fragmento de código que concuerda con tu píxel.

  11. Si no ves el píxel en el código, intenta reinstalar el píxel de conversión.

¿Estás listo para anunciarte en Twitter?