Esta función se encuentra actualmente en versión beta.

 

Este artículo aborda algunos supuestos comunes de implementación del Spotify Pixel y está destinado a usarse como ejemplo para facilitar la resolución de problemas y la instalación del píxel. 

 

Pasos básicos 

Implementación del código del píxel:

  • Busca el encabezado del sitio web: identifica la sección <head> o el archivo de encabezado del sitio web. 

  • Pega el código: inserta el código del píxel copiado en el encabezado, generalmente justo antes de la etiqueta de cierre </head>. 

  • Añade el código de evento y parámetro: para páginas específicas en las que desees hacer un seguimiento de las conversiones, incorpora el código de evento y parámetro correspondiente y asegúrate de que el código base esté incluido. 

  • Guarda los cambios: guarda los cambios en el código de tu sitio web.

 

Supuestos comunes

 

Supuesto 

Fragmento de código de muestra 

Un evento en una página

<script>

  (function(w, d){

    var id='spdt-capture', n='script';

    if (!d.getElementById(id)) {

      w.spdt =

        w.spdt ||

        function() {

          (w.spdt.q = w.spdt.q || []).push(arguments);

        };

      var e = d.createElement(n); e.id = id; e.async=1;

      e.src = 'https://pixel.byspotify.com/ping.min.js';

      var s = d.getElementsByTagName(n)[0];

      s.parentNode.insertBefore(e, s);

    }

    w.spdt('conf', { key: 'pixel-key' });

    w.spdt('view');

  })(window, document);

</script>

Varios eventos en una página

<script>

 (function(w, d){

 var id='spdt-capture', n='script';

 if (!d.getElementById(id)) {

 w.spdt =

 w.spdt ||

 function() {

 (w.spdt.q = w.spdt.q || []).push(arguments);

 };

 var e = d.createElement(n); e.id = id; e.async=1;

 e.src = 'https://pixel.byspotify.com/ping.min.js';;

 var s = d.getElementsByTagName(n)[0];

 s.parentNode.insertBefore(e, s);

 }

 w.spdt('conf', { key: 'pixel-key' });

 w.spdt('view')

w.spdt('purchase');

 })(window, document);


</script>

Parámetros

<script>

  (function(w, d){

    var id='spdt-capture', n='script';

    if (!d.getElementById(id)) {

      w.spdt =

        w.spdt ||

        function() {

          (w.spdt.q = w.spdt.q || []).push(arguments);

        };

      var e = d.createElement(n); e.id = id; e.async=1;

      e.src = 'https://pixel.byspotify.com/ping.min.js';

      var s = d.getElementsByTagName(n)[0];

      s.parentNode.insertBefore(e, s);

    }

    w.spdt('conf', { key: '0000000000000' });

    w.spdt('lead', {

      category: 'Insurance Quote', // Dynamically populate from session data

      type: 'CAR',  // Dynamically populate from session data

      value: '22.50',  // Dynamically populate from session data

      currency: 'USD',  

    });

  })(window, document);

</script>