Si ya usas Google Tag Manager con una capa de datos en la que se están enviando los datos de tus clientes, es posible integrar el código de seguimiento de Photoslurp usando GTM siguiendo los pasos a continuación:
1. Añade una nueva etiqueta HTML personalizada en GTM:
2. Copia y pega el siguiente código:
<script>
(function() {
var psAlbumId = YOUR_ALBUM_ID_HERE;
var psProducts = {};
var psOrderId = null;
var psCurrency = 'EUR';
for (var i = 0, len = dataLayer.length; i < len; i++) {
var entry = dataLayer[i];
var ecommerce = entry.ecommerce;
if (!ecommerce || !ecommerce.purchase) {
continue;
}
var purchase = ecommerce.purchase;
var products = purchase.products;
for (var j = 0, plen = products.length; j < plen; j++) {
var product = products[j];
psProducts[product.id] = {
count: product.quantity,
price: product.price,
currency: psCurrency
};
}
psOrderId = purchase.actionField.id;
break;
}
window.photoSlurpTrackingSettings = {
products: psProducts,
orderId: psOrderId,
albumId: psAlbumId
};
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>3. Asegúrate de sustituir "YOUR_ALBUM_ID_HERE" con el ID de tu Catálogo de Photoslurp.
4. Para este ejemplo hemos usado esta estructura EE estándar para la capa de datos. Si tu estructura es diferente, ajusta el código del paso 2 como corresponda:
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
"ecommerce": {
"purchase": {
"actionField": {
"id": "123",
"tax": "14.75",
"shipping": "0.00"
},
"products": [{
"id":"98adsh",
"name":"Converse T-Shirt",
"price":"12.50",
"brand":"Converse",
"category":"Men/Clothing/T-Shirts",
"variant":"red",
"quantity":2
}]
}
}
});
</script>5. Para finalizar la integración, elige un trigger que se active una vez por página para tu página de confirmación de compra:
Si necesitas asistencia con la configuración, contacta con nuestro equipo de soporte técnico en support@photoslurp.com con el enlace de Preview que esté asignado a tu GTM, el cual se puede encontrar en: