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);

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);

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);

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);

Last updated