Clickstream
Clickstream extension is automatically installed from the shopify app
Our custom-built user event tracking solution empowers store owners to comprehensively monitor and analyze user engagements on their websites. Our APIs take the signals from the clickstream data to provide more relevant product recommendations.
Add this code to Global HTML or every page on your website. Replace the Client_id and API_KEY with actual values from your store.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Page Title</title>
<!-- Load analyticsv2.js -->
<script src="https://d3jitr2q5p96mn.cloudfront.net/analytics.js"></script>
<script>
// Initialize and send events
document.addEventListener('DOMContentLoaded', function () {
// Replace 'your_client_id' and 'your_api_key' with actual values
discoveristTracker.init('your_client_id', 'your_api_key');
});
</script>
</head>
<body>
<!-- Your page content goes here -->
</body>
</html>
Events
Please add code to track the following events with the payload specified in the documentation.
page_viewed
let event_name = "page_viewed"
let EventData = {
user_id: user_id,
data: event.data,
};
discoveristTracker.sendEvent(event_name,EventData);
product_viewed
let event_name = "product_viewed"
let EventData = {
user_id: user_id,
products: [{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
search_submitted
let event_name = "search_submitted"
let EventData = {
user_id: user_id,
search_string: search_string,
};
discoveristTracker.sendEvent(event_name,EventData);
product_added_to_cart
let event_name = "product_added_to_cart"
let EventData = {
user_id: user_id,
products: [{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
checkout_started
let event_name = "checkout_started"
let EventData = {
user_id: user_id,
products: [{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
product_quantity: event.data.productVariant.price.quantity
}]
};
discoveristTracker.sendEvent(event_name,EventData);
checkout_completed
let event_name = "checkout_completed"
let EventData = {
user_id: user_id,
products: [{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
product_quantity: event.data.productVariant.price.quantity,
discount_codes: discount_codes
}]
};
discoveristTracker.sendEvent(event_name,EventData);
module_loaded_discoverist
let event_name = "module_loaded_discoverist"
let EventData = {
user_id: event.clientId,
event_source: bundle, //bundle, similar, recently_viewed
bundles: [
bundle_name: bundle_name,
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
]
};
discoveristTracker.sendEvent(event_name,EventData);
let event_name = "module_loaded_discoverist"
let EventData = {
user_id: event.clientId,
event_source: similar, //bundle, similar, recently_viewed
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
let event_name = "module_loaded_discoverist"
let EventData = {
user_id: event.clientId,
event_source: recently_viewed, //bundle, similar, recently_viewed
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
module_viewed_discoverist
let event_name = "module_viewed_discoverist"
let EventData = {
user_id: event.clientId,
event_source: bundle, //bundle, similar, recently_viewed
bundles: [
bundle_name: bundle_name,
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
]
};
discoveristTracker.sendEvent(event_name,EventData);
let event_name = "module_viewed_discoverist"
let EventData = {
user_id: event.clientId,
event_source: similar, //bundle, similar, recently_viewed
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
let event_name = "module_loaded_discoverist"
let EventData = {
user_id: event.clientId,
event_source: recently_viewed, //bundle, similar, recently_viewed
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
product_clicked_discoverist
let event_name = "product_clicked_discoverist"
let EventData = {
user_id: event.clientId,
event_source: bundle, //bundle, similar, recently_viewed
bundle_name: bundle_name,
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
let event_name = "product_clicked_discoverist"
let EventData = {
user_id: event.clientId,
event_source: similar, //bundle, similar, recently_viewed
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
let event_name = "product_clicked_discoverist"
let EventData = {
user_id: event.clientId,
event_source: recently_viewed, //bundle, similar, recently_viewed
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
product_added_to_cart_discoverist
let event_name = "product_added_to_cart_discoverist"
let EventData = {
user_id: event.clientId,
event_source: bundle, //bundle, similar, recently_viewed
bundle_name: bundle_name,
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
let event_name = "product_added_to_cart_discoverist"
let EventData = {
user_id: event.clientId,
event_source: similar, //bundle, similar, recently_viewed
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
let event_name = "product_added_to_cart_discoverist"
let EventData = {
user_id: event.clientId,
event_source: recently_viewed, //bundle, similar, recently_viewed
products:[{
product_id: event.data.productVariant.product.id,
product_name: event.data.productVariant.product.title,
currency: event.data.productVariant.price.currencyCode,
product_price: event.data.productVariant.price.amount,
}]
};
discoveristTracker.sendEvent(event_name,EventData);
Last updated