appevent.js

function createAppEvents() {
  var appEventsContainer = createSection('App Events', 'app_events_container');

  createButton(appEventsContainer, 'Tutorial', 'eventTutorial');
  var selectTutorial = document.createElement('select');
  selectTutorial.id = 'select_tutorial';
  appEventsContainer.append(selectTutorial);
  for (var i = 0; i < tutorialEvents.length; i++) {
    var option = document.createElement('option');
    option.value = i;
    option.innerHTML = tutorialEvents[i].displayName;
    selectTutorial.appendChild(option);
  };

  createButton(appEventsContainer, 'Registration', 'eventRegistration');
  createButton(appEventsContainer, 'Achievement', 'eventAchievement');
  createButton(appEventsContainer, 'Purchase', 'eventPurchase');
  $('<input/>').attr({ type: 'text', id: 'purchaseField', value: '19.9'}).appendTo(appEventsContainer);

  createButton(appEventsContainer, 'Custom Event', 'eventCustom');
  $('<input/>').attr({ type: 'text', id: 'customField', value: 'fridayNightOldFashioned'}).appendTo(appEventsContainer);

  createButton(appEventsContainer, 'Level Achieved', 'eventLevel');
  $('<input/>').attr({ type: 'text', id: 'levelField', value: 'Dungeon 1'}).appendTo(appEventsContainer);
}

function eventTutorial() {
  FB.AppEvents.logEvent(FB.AppEvents.EventNames.COMPLETED_TUTORIAL, null, tutorialEvents[document.getElementById('select_tutorial').value].params);
}

function eventRegistration() {
  var params = {};
  params[FB.AppEvents.ParameterNames.REGISTRATION_METHOD] = 'Facebook';
  FB.AppEvents.logEvent(FB.AppEvents.EventNames.COMPLETED_REGISTRATION, null, params);
}

function eventPurchase() {
  var purchaseAmt = Number(document.getElementById("purchaseField").value);
  console.log('purchaseAmt ' + purchaseAmt);
  var params = {};
  params[FB.AppEvents.ParameterNames.CONTENT_ID] = 'QW-12345';
  FB.AppEvents.logPurchase(purchaseAmt, 'USD', params);
}

function eventCustom() {
  var params = {};
  params["ggparam"] = 11;
  FB.AppEvents.logEvent(document.getElementById("customField").value, null, params);
}

function eventLevel() {
  var params = {};
  params[FB.AppEvents.ParameterNames.LEVEL] = document.getElementById("levelField").value;
  params['levelScore'] = 15443;
  FB.AppEvents.logEvent(FB.AppEvents.EventNames.ACHIEVED_LEVEL, null, params);
}

function eventAchievement() {
  var params = {};
  params[FB.AppEvents.ParameterNames.CONTENT_ID] = '1010';
  params[FB.AppEvents.ParameterNames.CONTENT_TYPE] = 'Hero collection';
  params[FB.AppEvents.ParameterNames.DESCRIPTION] = 'Collected 10 heroes';
  FB.AppEvents.logEvent(FB.AppEvents.EventNames.UNLOCKED_ACHIEVEMENT, null, params);
}

var tutorialEvents = new Array();
tutorialEvents[0] = new Object();
tutorialEvents[0].displayName = "Step 1";
tutorialEvents[0].params = new Object();
tutorialEvents[0].params[FB.AppEvents.ParameterNames.DESCRIPTION] = 'Tutorial';
tutorialEvents[0].params[FB.AppEvents.ParameterNames.SUCCESS] = '1';
tutorialEvents[0].params['Step'] = '1';
tutorialEvents[1] = new Object();
tutorialEvents[1].params = new Object();
tutorialEvents[1].displayName = "Step 2";
tutorialEvents[1].params[FB.AppEvents.ParameterNames.DESCRIPTION] = 'Tutorial';
tutorialEvents[1].params[FB.AppEvents.ParameterNames.SUCCESS] = '1';
tutorialEvents[1].params['Step'] = '2';
tutorialEvents[2] = new Object();
tutorialEvents[2].params = new Object();
tutorialEvents[2].displayName = "Step 3";
tutorialEvents[2].params[FB.AppEvents.ParameterNames.DESCRIPTION] = 'Tutorial';
tutorialEvents[2].params[FB.AppEvents.ParameterNames.SUCCESS] = '1';
tutorialEvents[2].params['Step'] = '3';