We have implemented the product_added_to_cart event in a custom pixel for the dataLayer. Retrieving product data from any other event takes the customer’s current language as base for the merchandise title but no so when interacting with the cart.
The event looks like:
analytics.subscribe(“product_added_to_cart”, (event) => {
const url = event.context.document.location.href
const dataLayerObj = {
event: "product_added_to_cart",
timestamp: event.timestamp,
id: event.id,
client_id: event.clientId,
url: url,
page_location: event.context.document?.location?.href,
page_referrer: event.context.document?.referrer,
page_title: event.context.document?.title,
price: event.data?.cartLine?.merchandise?.price?.amount,
currency: event.data?.cartLine?.merchandise?.id,
product_title: event.data?.cartLine?.merchandise?.product?.title,
quantity: event.data?.cartLine?.quantity,
total_cost: event.data?.cartLine?.cost?.totalAmount?.amount,
items: [
{
item_id: event.data?.cartLine?.merchandise?.id,
item_name: event.data?.cartLine?.merchandise?.product.title,
quantity: event.data?.cartLine?.quantity,
price: event.data?.cartLine?.merchandise.price.amount,
item_brand: "Brownie",
item_category: event.data?.cartLine?.merchandise.product?.type,
item_variant: event.data?.cartLine?.merchandise?.title,
item_list_name: url.includes('collection') ? 'Collection' : 'Ficha de producto'
}
],
...getUserData(event.context.document?.referrer),
}
window.dataLayer.push(dataLayerObj);
pixelLog('Data pushed to the dataLayer: ', dataLayerObj);
});
As a result, the analytics reported that a journet navigation data is inconsistent. The result can be perfectly seen comparing it with product_viewed logs:
