page_load

Use to collect basic data during page load.

For more information see the Cooladata JS tracker.

Relevant reports:

• Number of products viewed
• Percentage rate of registered users vs. visitors

page_load_enrich

Use to enrich the page_load data in the cart, checkout and thank you pages.

Event tracking code:

//get the user id from the cookie
function getUserIdFromCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

//get the relevant event properties from the DOM elements
var userAlternativeId = getUserIdFromCookie('user_alternative_id'); 
var itemName = document.getElementById('item_name').innerHTML; 
var itemId = document.getElementById('item_id').innerHTML;
var itemCategory = document.getElementById('item_category').innerHTML;
var itemQuantity = document.getElementById('item_quantity').innerHTML; 
var itemDiscount = document.getElementById('item_discount').innerHTML; 
var itemDiscountType = document.getElementById('item_discount_type').innerHTML; 
var totalDiscount = document.getElementById('total_discount').innerHTML;
var itemPrice = document.getElementById('item_price').innerHTML; 
var itemCatalogPrice = document.getElementById('item_catalog_price').innerHTML; 
var currency = document.getElementById('currency').innerHTML;
var numberOfItems = document.getElementById('number_of_items').innerHTML; 
var orderTotal = document.getElementById('order_total').innerHTML; 

//send event with collected property elements to Cooladata 
cooladata.trackEvent('page_load_enrich', {'user_alternative_id':userAlternativeId  ,'item_name': itemName, 'item_id':itemId, 'item_category':itemCategory, 'item_quantity':itemQuantity, 'item_discount':itemDiscount, 'item_discount_type':itemDiscountType, 'total_discount':totalDiscount, 'item_price':itemPrice, 'item_catalog_price':itemCatalogPrice,'currency':currency, 'number_of_items':numberOfItems, 'order_total':orderTotal});

Relevant reports:

• Search action leads to purchase
• Current products in cart
• Conversion cart to purchase

user_search

Use to capture a search action by the user.

Event tracking code:

//get the relevant event properties from the DOM elements
var searchResults = document.getElementById('search_results').innerHTML;
var searchTerm = document.getElementById('search_term').innerHTML;
var currentPageNumber = document.getElementById('current_page_number').innerHTML;
var itemsPerPage = document.getElementById('items_per_page').innerHTML;

//send event with collected property elements to Cooladata
cooladata.trackEvent('user_search', {'search_results':searchResults, 'search_term':searchTerm , 'current_page_number':currentPageNumber, 'items_per_page':itemsPerPage});

Relevant reports:

• User search term distribution
• Search action leads to shopping cart
• Search action leads to purchase
• Unavailable search term results
• Search action with low results count
• Average/median number of results per search
• Average/median unique search actions per session without conversion
• Average/median number of search actions per user
• Number of products viewed

log_in event

Use to capture the customer's log-in data.

Event tracking code:

//get the relevant event properties from the DOM elements
var userAlternativeId = document.getElementById('user_alternative_id').innerHTML;
var userEmail = document.getElementById('user_email').innerHTML;
var loginSuccess = document.getElementById('login_success').innerHTML;
var loginError = document.getElementById('login_error').innerHTML;

//send event with collected property elements to Cooladata
cooladata.trackEvent('log_in', {'user_alternative_id': userAlternativeId, 'user_email': userEmail, 'login_success':loginSuccess, 'login_error':loginError});

Relevant reports:

• Percentage rate of registered users vs. visitors
• Average number of platforms per user

add_to_cart event

Use to capture data when the customer adds a product to the cart.

Event tracking code:

//get the relevant event properties from the DOM elements
var itemName = document.getElementById('item_name').innerHTML;
var itemId = document.getElementById('item_id').innerHTML;
var itemCategory = document.getElementById('item_category').innerHTML;
var itemQuantity = document.getElementById('item_quantity').innerHTML;
var itemDiscount = document.getElementById('item_discount').innerHTML;
var itemDiscountType = document.getElementById('item_discountType').innerHTML;
var itemPrice = document.getElementById('item_price').innerHTML;
var currency = document.getElementById('currency').innerHTML;
var itemCatalogPrice = document.getElementById('item_catalog_price').innerHTML;
var itemSize = document.getElementById('item_size').innerHTML;
var itemGender = document.getElementById('item_gender').innerHTML;
var itemColor = document.getElementById('item_color').innerHTML;
var itemStyle = document.getElementById('item_style').innerHTML;
var itemDescription = document.getElementById('item_description').innerHTML;

//send event with collected property elements to Cooladata 
cooladata.trackEvent('add_to_cart', {'item_name': itemName, 'item_id':itemId, 'item_category':itemCategory,'item_quantity':itemQuantity, 'item_discount':itemDiscount, 'item_discount_type':itemDiscountType, 'item_price':itemPrice, 'currency':currency,'item_catalog_price':itemCatalogPrice,'item_size':itemSize,'item_gender':itemGender,item_color':itemColor,'item_style':itemStyle,'item_description':itemDescription});

Relevant reports:

• Search action leads to shopping cart
• Products in cart
• Current products in cart
• Conversion cart to purchase
• Wish list conversion to cart
• Catalog click conversion to cart
• Product attributes distribution in cart

add_to_wish_list event

Use to capture data when the customer adds a product to the wish list.

Event tracking code:

//get the relevant event properties from the DOM elements
var itemName = document.getElementById('item_name').innerHTML;
var itemId = document.getElementById('item_id').innerHTML;
var itemCategory = document.getElementById('item_category').innerHTML;
var itemQuantity = document.getElementById('item_quantity').innerHTML;
var itemDiscount = document.getElementById('item_discount').innerHTML;
var itemPrice = document.getElementById('item_price').innerHTML;
var currency = document.getElementById('currency').innerHTML;
var itemCatalogPrice = document.getElementById('item_catalog_price').innerHTML;
var discountType = document.getElementById('discount_type').innerHTML;
var itemSize = document.getElementById('item_size').innerHTML;
var itemGender = document.getElementById('item_gender').innerHTML;
var itemStyle = document.getElementById('item_style').innerHTML;
var itemDescription = document.getElementById('item_description').innerHTML;

//send event with collected property elements to Cooladata
cooladata.trackEvent('add_to_wish_list', {'item_name': itemName, 'item_id':itemId, 'item_category':itemCategory, 'item_quantity':itemQuantity, 'item_discount':itemDiscount, 'item_price':itemPrice, 'currency':currency,'item_catalog_price':itemCatalogPrice,'discount_type':discountType,'item_size':itemSize,'item_gender':itemGender, 'item_color':itemColor,'item_style':itemStyle,'item_description':itemDescription});

Relevant reports:

• Wish list conversion to cart

remove_from_wish_list event

Use to capture data when the customer removes a product from the wish list.

Event tracking code:

//get the relevant event properties from the DOM elements
var itemName = document.getElementById('item_name').innerHTML;
var itemId = document.getElementById('item_id').innerHTML;
var itemCategory = document.getElementById('item_category').innerHTML;
var itemQuantity = document.getElementById('item_quantity').innerHTML;
var itemDiscount = document.getElementById('item_discount').innerHTML;
var itemPrice = document.getElementById('item_price').innerHTML;
var currency = document.getElementById('currency').innerHTML;
var itemCatalogPrice = document.getElementById('item_catalog_price').innerHTML;
var discountType = document.getElementById('discount_type').innerHTML;
var itemSize = document.getElementById('item_size').innerHTML;
var itemGender = document.getElementById('item_gender').innerHTML;
var itemStyle = document.getElementById('item_style').innerHTML;
var itemDescription = document.getElementById('item_description').innerHTML;

//send event with collected property elements to Cooladata
cooladata.trackEvent('remove_from_wish_list', {'item_name': itemName, 'item_id':itemId, 'item_category':itemCategory, 'item_quantity':itemQuantity, 'item_discount':itemDiscount, 'item_price':itemPrice, 'currency':currency,'item_catalog_price':itemCatalogPrice,'discount_type':discountType,'item_size':itemSize,'item_gender':itemGender, 'item_color':itemColor,'item_style':itemStyle,'item_description':itemDescription});

Relevant reports:

• Wish list conversion to cart

cart_remove_item event

Use to capture data when the customer removes a product from the cart.

Event tracking code:

//get the relevant event properties from the DOM elements
var itemName = document.getElementById('item_name').innerHTML; 
var itemId = document.getElementById('item_id').innerHTML;
var itemCategory = document.getElementById('item_category').innerHTML;
var itemQuantity = document.getElementById('item_quantity').innerHTML; 
var itemDiscount = document.getElementById('item_discount').innerHTML; 
var itemDiscountType = document.getElementById('item_discount_type').innerHTML; 
var itemPrice = document.getElementById('item_price').innerHTML; 
var itemCatalogPrice = document.getElementById('item_catalog_price').innerHTML; 
var currency = document.getElementById('currency').innerHTML; 
var orderTotal = document.getElementById('order_total').innerHTML; 

//send event with collected property elements to Cooladata
cooladata.trackEvent('cart_remove_item', {'item_name': itemName, 'item_id':itemId, 'item_category':itemCategory, 'item_quantity':itemQuantity, 'item_discount':itemDiscount, 'item_discount_type':itemDiscountType, 'item_price':itemPrice, 'item_catalog_price':itemCatalogPrice,'currency':currency,'order_total':orderTotal});

Relevant reports:

• Current products in cart

checkout_form event

Use to capture data when the customer is submitting the checkout form.

Event tracking code:

//get the relevant event properties from the DOM elements
var firstName = document.getElementById('first_name').innerHTML; 
var lastName = document.getElementById('last_name').innerHTML;
var streetName = document.getElementById('street_name').innerHTML;
var houseNumber = document.getElementById('house_number').innerHTML; 
var postalCode = document.getElementById('postal_code').innerHTML; 
var city = document.getElementById('city').innerHTML; 
var state = document.getElementById('state').innerHTML; 
var country = document.getElementById('country').innerHTML; 
var phoneNumber = document.getElementById('phone_number').innerHTML; 
var shippingMethod = document.getElementById('shipping_method').innerHTML; 
var userEmail = document.getElementById('user_email').innerHTML; 
var notificationOptIn = document.getElementById('notification_opt_in').innerHTML; 

//send event with collected property elements to Cooladata
cooladata.trackEvent('checkout_form', {'first_name': firstName, 'last_name':lastName, 'street_name':streetName, 'house_number':houseNumber, 'postal_code':postalCode, 'city':city,'state':state,'country':country,'phone_number':phoneNumber,'shipping_method':shippingMethod,'user_email':userEmail,'notification_opt_in':notificationOptIn});

newsletter event

Use to capture data when the customer is submitting the newsletter request.

Event tracking code:

//get the relevant event properties from the DOM elements
var userEmail = document.getElementById('user_email').innerHTML;
var emailError = document.getElementById('email_error').innerHTML;

//send event with collected property elements to Cooladata
cooladata.trackEvent('newsletter', {'user_email':userEmail, 'email_error':emailError});

impression event

Use to capture data when a product is seen by the customer.

Event tracking code:

//get the relevant event properties from the DOM elements
var itemName = document.getElementById('item_name').innerHTML; 
var itemId = document.getElementById('item_id').innerHTML;
var itemCategory = document.getElementById('item_category').innerHTML;
var itemsPerPage = document.getElementById('items_per_page').innerHTML;
var itemPagePosition = document.getElementById('item_page_position').innerHTML;
var catalogPageNumber = document.getElementById('catalog_page_number').innerHTML;

//send event with collected property elements to Cooladata 
cooladata.trackEvent('impression', {'item_name': itemName, 'item_id':itemId, 'item_category':itemCategory, 'items_per_page':itemsPerPage, 'item_page_position':itemPagePosition, 'catalog_page_number':catalogPageNumber});

click_item event

Use to capture data when a customer clicks a product.

Event tracking code:

//get the relevant event properties from the DOM elements
var itemName = document.getElementById('item_name').innerHTML; 
var itemId = document.getElementById('item_id').innerHTML;
var itemCategory = document.getElementById('item_category').innerHTML;
var itemsPerPage = document.getElementById('items_per_page').innerHTML;
var itemDiscount = document.getElementById('item_discount').innerHTML;
var itemDiscountType = document.getElementById('item_discount_type').innerHTML;
var currency = document.getElementById('currency').innerHTML;
var itemPagePosition = document.getElementById('item_page_position').innerHTML;
var catalogPageNumber = document.getElementById('catalog_page_number').innerHTML;

//send event with collected property elements to Cooladata 
cooladata.trackEvent('click_item', {'item_name': itemName, 'item_id':itemId, 'item_category':itemCategory, 'items_per_page':itemsPerPage, 'item_discount':itemDiscount, 'item_discount_type':itemDiscountType, 'currency':currency, 'item_page_position':itemPagePosition, 'catalog_page_number':catalogPageNumber});

Relevant reports:

• Catalog click conversion to cart

click_social event

Use to capture data when a customer clicks a social link.

Event tracking code:

//get the relevant event properties from the DOM elements
var socialNetworkName = document.getElementById('social_network_name').innerHTML; 
var socialNetworkUrl = document.getElementById('social_network_url').innerHTML;

//send event with collected property elements to Cooladata 
cooladata.trackEvent('click_social', {'social_network_name': socialNetworkName, 'social_network_url':socialNetworkUrl});

redeem_coupon event

Use this event when the user redeems a coupon.

Event tracking code:

//get the relevant event properties from the DOM elements
var couponId = document.getElementById('coupon_id').innerHTML; 
var couponName = document.getElementById('coupon_name').innerHTML;
var couponDescription = document.getElementById('coupon_description').innerHTML;
var rewardAmount = document.getElementById('reward_amount').innerHTML;
var rewardCurrency = document.getElementById('reward_currency').innerHTML;
var creationDatetime = document.getElementById('creation_datetime').innerHTML;
var expirationDatetime = document.getElementById('expiration_datetime').innerHTML;
var redeemingDatetime = document.getElementById('redeeming_datetime').innerHTML;
var notification = document.getElementById('notification').innerHTML;
var status = document.getElementById('status').innerHTML;

//send event with the collected property elements to Cooladata 
cooladata.trackEvent('redeem_coupon', {'coupon_id':couponId, 'coupon_name':couponName, 'coupon_description':couponDescription, 'reward_amount':rewardAmount, 'reward_currency':rewardCurrency, 'creation_datetime':creationDatetime, 'expiration_datetime':expirationDatetime,
'redeeming_datetime':redeemingDatetime, 'notification':notification, 'status:status'});