Listen to Chameleon events (`chmln.on()`)

• Syncing the Experience interaction data (automatically collected by Chameleon) to your database/warehouse or any other tools, using the methods below.
• Getting access to the A/B testing attribute (percent) when the Chameleon User Profile is loaded.
• Logging Experience data to an integration that Chameleon does not yet have a native integration with
• Knowing when the HelpBar is opened/closed or when data is needed.

​

List of supported events

Typical ordering as Chameleon boots: load, load:chmln, after:account, identify:request, identify:sync, after:profile, tour:event, chmln:event

​

Examples

​

HelpBar

​

Listen for Tour/Microsurvey events — send to custom integration

• Sending data to a tool without a native Chameleon integration.
• Sending data to a tool via a backend/server-side method.

// Tour / Microsurvey events only
chmln.on('tour:event', function(eventName, options) {
  $http.post(internal_event_logging_url, {
    name: eventName,
    properties: options
  });
});

// Tour / Microsurvey / Tooltip / Launcher etc. events
chmln.on('chmln:event', function(eventName, options) {
  $http.post(internal_event_logging_url, {
    name: eventName, 
    properties: options
  });
});

​

Send properties

• Sending data to your database, to allow deeper analysis of Chameleon Events.
• Sending data that is not collected by your analytics tool (e.g. “Chameleon testing ID”).

chmln.on('after:profile', function() {
  $http.post(internal_user_update_url, {
    chameleon_testing_id: chmln.data.profile.get('percent'),
  });
});

​

Sending data to other tools directly

chmln.on('after:profile', function() {
  // Now you have full access to chmln.data.profile
  
  var percent = chmln.data.profile.get('percent');
  // Segment.com
  // analytics.identify({chameleon_testing_id: percent})

  // Mixpanel
  // mixpanel.people.set({chameleon_testing_id: percent})
})

Note: You can easily adapt this based on where you’d like to send this data in your system.