Once you have the Tracker snippet in your page, you can track an event by calling cooladata.trackEvent(); with the event name and its properties:

How to use:

cooladata.trackEvent('<event_name>',{'<property_name1>':'<property_value1>', '<property_name2>':'<property_value2>'});

The function is built of a few parts:

• The function call: cooladata.trackEvent()
• The event name
• The properties & their values a JSON. The JSON must be "flat" so you can't use any nested JSON.

Example:

cooladata.trackEvent('Add Item', {'Type': 'T-Shirt', 'Amount': 2, 'email':'sam@email.com'});

Each event can include properties. For example, the above 'Add Item' event includes the item type, number of items, and the purchaser's email address. Read more about properties.

You could also use JQuery to send an event to the Cooladata server. In this example a function is called when a form's SEND button is clicked (this example uses ninja forms). JQuery is used here to extract the data from the different form's fields.

jQuery(document).ready(function($){
    var sendButton = $("#ninja_forms_field_51"); //the form object sending the form (send button)
    sendButton.click(function(){
        callTrack4();
    });
});

function callTrack4(){
    var name_var = $("#ninja_forms_field_45").val(); //form variables for properties
    var lastName_var = $("#ninja_forms_field_46").val();
    var email_var = $("#ninja_forms_field_47").val();
    var phone_var = $("#ninja_forms_field_48").val();
    var property_value_var = $("#ninja_forms_field_49").val();
    cooladata.trackEvent('secondPopup', {'name': name_var, 'last_name':lastName_var, 'email':email_var , 'phone':phone_var,'property_value':property_value_var}); //CoolaData trackEvent
}

In the table below you can find all cooladata.trackEvent() elements (some are optional):

In some cases, after sending an event to the server, you would want to execute some code on the Browser. This can be easily done by adding a callback function to your cooladata.trackEvent() call.

The process works as follows: Tracker sends event to Journey Analytics server -> Journey Analytics server sends OK response to Tracker -> callback function is executed.

How to use:

cooladata.trackEvent('<event_name>',{'<property_name>':'<property_value>'},function(){
  //your callback function code here
});

Example:

cooladata.trackEvent('get_coupon',{'discount':'35%',function(){ 
  window.alert('You've got 35% discount!') 
});

The cooladata.trackEventLater() method provides the ability to track a bulk of events. All events will be stored on a local queue until the cooladata.flush() method is called. This method can be useful when you want to submit more than one event at a time, for example to send a list of events that are linked together all in a single request, instead of multiple requests.

Example:

1. Add an event to the queue:

   cooladata.trackEventLater("register_submit",{"user_id":"JohnDoe", "subscription_active":0})

2. Add a second event to the queue:

   cooladata.trackEventLater("add_to_cart",{"user_id":"JohnDoe", "sku":JSV-4532})

3. Send the events to the Cooladata server

   cooladata.flush();