Integrate Convert Experiences with Lucky Orange

THIS ARTICLE WILL HELP YOU:


Convert-Lucky Orange Integration

Whether you are improving your clients websites’ or working to close your next deal, keying in on insights to improve conversions is powerful. Through the integration of Lucky Orange and Convert, your A/B visitors will be automatically synced to Lucky Orange’s dynamic heatmaps, session recordings and chat logs. This gives you unmatched insight for each of your customers and prospects which is easily accessible in your Convert report dashboards.

For each experiment, the integration uses custom events to pass along the experiment name and variation name that the visitor is currently bucketed into.

Add Tracking Code Snippets

Make sure the Convert tracking code and the Lucky Orange code are installed on your page. Once you have added the codes to your website, you will be able to use the Lucky Orange account to start replaying user sessions and gain insights.  

Activate Convert-Lucky Orange Integration 

Add the code below to your Global Project Javascript under Project > Configuration  which will send Convert Experience and Variation ids to Lucky Orange Dashboard. This will send the experiments and variations the visitor is bucketed on as an event in Lucky Orange. This can be customized to suit your needs.

// The following line enable Lucky Orange Debug. Comment it out when sure the integration is working
window.localStorage.setItem('debug', '*')
/* Push Convert data to GA as Pipe */
function afterVariationDecidedActions(){
console.log('afterVariationDecidedActions() called');
window.LOQ = window.LOQ || []
if (window.LOQ) {
var exp = convert.currentData.experiments;
var number_of_experiments = Object.keys(exp).length;
var loop_counter = 0;
var reporting_string = '';
for (var expID in exp){
reporting_string = reporting_string + 'e:' + expID + '=' + 'v:' + exp[expID].variation_id;
if (loop_counter < (number_of_experiments - 1)) {
reporting_string = reporting_string + '|';
}
loop_counter++
}
if (reporting_string) {
window.LOQ.push(['ready', async LO => {
// Track an event
await LO.$internal.ready('events')
LO.events.track('Convert:'+reporting_string);
}])
}

}
}
_conv_q = window._conv_q || [];
_conv_q.push({
what: 'addListener',
params: {
event: 'snippet.experiences_evaluated',
handler: (event) => afterVariationDecidedActions()
}
})
/* End of code*/

View Convert Data in Lucky Orange Recordings

Using a custom tag in Lucky Orange, you will be able to view all of your Convert Experiences data as they associate to the values that you pass in the tag. You can find custom tags under Recordings section.