Cómo configurar el seguimiento de eventos de Pinterest con Squarespace

El mes pasado empecé a publicar anuncios en Pinterest y me di cuenta de que no había ninguna guía sobre cómo realizar el seguimiento de eventos (añadir al carrito, clientes potenciales, etc.), así que he elaborado una guía rápida para ayudarte a dar los primeros pasos.

Cómo configurar el Pixel

En tu gestor de anuncios encontrarás las instrucciones de configuración de Squarespace.

Obtendrás el código base que deberás añadir a la inyección del encabezado de tu página. Avanzado > Inyección de código.

Tiene este aspecto:

<!-- Pinterest Tag -->
<script>
!function(e){if(!window.pintrk){window.pintrk = function () {
window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
  n=window.pintrk;n.queue=[],n.version="3.0";var
  t=document.createElement("script");t.async=!0,t.src=e;var
  r=document.getElementsByTagName("script")[0];
  r.parentNode.insertBefore(t,r)}}("https://s.pinimg.com/ct/core.js");
pintrk('load', '2612960857463', {em: '<user_email_address>'});
pintrk('page');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=""
  src="https://ct.pinterest.com/v3/?event=init&tid=2612960857463&pd[em]=<hashed_email_address>&noscript=1" />
</noscript>
<!-- end Pinterest Tag -->

Cómo realizar un seguimiento de las conversiones de compra

Para realizar un seguimiento de las conversiones de compra, copia el código que aparece a continuación y pégalo en Configuración > Avanzado > Inyección de código - PÁGINA DE CONFIRMACIÓN DEL PEDIDO

<script>
pintrk('track', 'Purchase', {
value: {OrderGrandTotal},
  order_id: {OrderId),
currency: 'USD'
};
</script>

Cómo realizar un seguimiento de los clientes potenciales y las inscripciones

Añade este script a tu página de agradecimiento o, si no tienes una, puedes utilizarlo en el código HTML que se ejecuta tras el envío del formulario. Lo mismo se aplica a los registros o a cualquier otro tipo de conversión de «alta» que quieras realizar un seguimiento.

<script>
pintrk('track', 'signup', {
  lead_type: 'Homepage form'
});
</script>

Cómo realizar un seguimiento de los artículos añadidos al carrito

Aquí tienes el código que necesitas para realizar el seguimiento de los eventos «Añadir al carrito» e «Iniciar el proceso de pago».

Es muy útil para recuperar esos carritos abandonados.

1. Pega esto en el encabezado de tu sitio web y asegúrate de que la carga Ajax esté DESACTIVADA en el editor de estilos.

<!-- Pinterest Pixel - Tracking clicks on Buttons -->

<script>
  function ptTrackingClicks() {
    // Add to Cart
    var cartButton = document.querySelector('.sqs-add-to-cart-button');
    if (cartButton) {
      cartButton.addEventListener('click', function() {
        pintrk('track', 'AddToCart',{
   product_id: '12345'
 });
        
      }, false);
    }
  }

  document.addEventListener('DOMContentLoaded', ptTrackingClicks);
</script>
<!-- end Facebook Pixel - Tracking clicks on Buttons -->
  
 

Cómo asegurarte de que funciona

1. Descarga la extensión «Pinterest Tag Helper» para Chrome.

¿Y ahora qué?

Si necesitas ayuda, ponte en contacto con nosotros aquí.

También puedes unirte al grupo de Facebook «Squarespace Entrepreneur» aquí para obtener más consejos y sugerencias sobre cómo hacer crecer tu negocio en Squarespace.