Joyned Client-Side Event Tracking
Joyned provides a client-tracking interface that triggers a JavaScript event called 'joyned-event' with the following arguments:
var event = new CustomEvent('joyned-event', {
detail: {
action: 'Joyned_click',
key1: 'value1',
key2: 'value2'
}
});
document.dispatchEvent(event);To access this tracking mechanism you can add a listener for the 'joyned-event' JavaScript event, which will enable it to track our client events as the list below:
document.addEventListener('joyned-event', x=> console.log(x.detail.action))Event list:
- ‘Joyned_impression’,
- ‘Joyned_click’,
- ‘Joyned_card_clicked’,
- ‘Joyned_card_cta_clicked’,
- ‘Joyned_invite_clicked’,
- ‘Joyned_invite_method_clicked’,
- ‘Joyned_traveller’,
- ‘Joyned_traveller_added’,
- ‘Joyned_group_activity’,
- ‘Joyned_group_created’,
The "detail" property contains key-value pairs, where the "action" will be utilized as a mapping reference in our event table tables, and additional parameters will be considered as supplementary values for each event.
The "action" parameter can take on various values from the Joyned event list.
For example "Joyned_click" event :
{
"action": "Joyned_click",
"buttonName": "joyned-travel-search-button",
"lang": "en",
"userType": "invitee",
"pageUrl":
"https://demo.joyned.co/travel?gamiteeSID=5gkq6kd34looztsvjlqt 4alm5u&utm_channel=Joyned&utm_medium=joyned_invite&utm_source= joyned&_jndRR=4op7qiianvepk3ghamwioo37qe&joynedvip=qa", "timestamp": "1718619798058",
"deviceId": "9538bb84-1633-4924-a301-85bea2368ca4", "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36",
"origin":
"https://demo.joyned.co/travel?gamiteeSID=5gkq6kd34looztsvjlqt 4alm5u&utm_channel=Joyned&utm_medium=joyned_invite&utm_source= joyned&_jndRR=4op7qiianvepk3ghamwioo37qe&joynedvip=qa", "sessionId": "5gkq6kd34looztsvjlqt4alm5u"
}