PASO 5 - Píxel de Seguimiento de Conversiones

Para disponer de métricas de rendimiento de los widgets relacionadas con las conversiones de la tienda es necesario transmitir los eventos de conversión a los servidores de Photoslurp. Para ello, hay que ir a Settings -> Checkout y pegar el código JavaScript mostrado a continuación en el cuadro ‘Additional Content & Scripts’. Este código informará a los servidores de Photoslurp del número del pedido, y de los siguientes detalles sobre los productos incluidos: producto/s, cantidad, y precio. En ningún caso se enviará información personal sobre el comprador:

<!-- Start Photoslurp Embed Code -->

{% if first_time_accessed %}

<script type="text/javascript">

var patt = /\.*\,\d+$/;
var photoSlurpTrackingSettings = {

    products: {

        {% for line_item in line_items %}

        '{{ line_item.sku | strip_html | strip_newlines | escape |

replace: '&amp;', 'and' | replace: '&#38;', 'and' | replace: "..", ". " | replace: "

", " " | replace: "†̃", "&#39;" | replace: "â€TM", "&#39;" | replace: "&#8216;",

"&#39;" | replace: "&#8217;", "&#39;" | replace: "&#8217;", "&#39;" | replace:

"’", "&#39;" | replace: "“", "&#39;" | replace: "‘", "&#39;" |

replace: " ́", "&#39;" | replace: "“", "&#34;" | replace: "―", "&#34;" |

replace: "&#8211;", "-" | replace: "–", "-" | replace: "â€―", "-" |

replace: "–", "&mdash;" | replace: "—", "&mdash;" | replace: "%", "&#37;" |

replace: "©", "&copy;" | replace: "®", "&reg;" | replace: "™",

"&trade;" | replace: "£", "&pound;" | replace: "à ̄¿Â-", "&#42;" | replace:

"•", "&#42;" | replace: "―", "&#39;" | replace: "&#233;", "e" |

replace: "é", "e" | replace: "à ", "a" | replace: "Ã3", "o" | replace: "Ãa", "e" |

replace: "Ø", "O" | replace: "&#8482;", "" | replace: "&#174;", ""}}': {
        
        count: {{ line_item.quantity }},
        
        price: patt.test('{{ line_item.price || money_without_currency }}') ? '{{ line_item.price || money_without_currency }}'.replace(/\./g,'').replace(',', '.') : '{{ line_item.price || money_without_currency }}'.replace(/,/g, ''),
        
        currency: '{{ shop.currency }}'

        },

    {% endfor %}

    },    

    orderId: '{{ order.order_number }}',

    albumId: XXX };

    (function() {
    
        var d = document,
      
        h = d.getElementsByTagName('head')[0],

        s = d.createElement('script');
    
        s.type = 'text/javascript';
    
        s.async = true;
    
        s.src = '//static.photoslurp.com/widget/v3/tracking_notify.js';
    
        h.appendChild(s);
  
    }());

</script>

{% endif %}

<!-- End Photoslurp Embed Code -->

NOTA IMPORTANTE: Para que el ćodigo funcione correctamente es necesario sustituir el valor XXX del parámetro albumID, por el del ID de la campaña principal ("Main") de Photoslurp. 

Una vez se ha insertado el código es posible verificar el funcionamiento realizando un pedido de prueba tras haber interactuado con alguno de los widgets Photoslurp integrados en la tienda. El valor de la columna "Converted"en la sección de analíticas de Photoslurp debería aumentar indicando que la conversión ha sido registrada,  
Si se observa que las conversiones no se registran, recomendamos realizar un pedido manteniendo las herramientas de desarrollo del navegador desplegadas. Al llegar a la página de confirmación de pedido deberá comprobarse que la consola JavaScript no muestra errores relacionados con el código de seguimiento, y que en el panel de red se realiza una petición al endpoint de registro de conversiones de Photoslurp (https://api.photoslurp.com/v3/widgets/record/) con los valores correctos de información del pedido.