P20

P20.js

var eventsQueue = [];
var releaseQueue = function() {
  if (!window.parentIFrame || eventsQueue.length <= 0) {
    return;
  }

  eventsQueue = $.grep(eventsQueue, function(value) {
    window.parentIFrame.sendMessage(value);
    return false;
  });
};

setInterval(releaseQueue, 500);

function reportStatus(action, outcome) {
  // ... sending acitivity_id, screen, score (0-100)
  eventsQueue.push({activity: activity_id, screen: screen, score: score});
}

// EVENT TRACKING
function reportEvent(eventName, data) {
  eventsQueue.push({type: 'event', name: eventName, fields: data});
}

// EXAMPLE OF EVENT 1
$('img').on('click', function() {
  reportEvent('Click on picture', {picture_url: $(this).attr('src')});
});