Files
edx-platform/lms/static/js/dashboard/track_events.js

123 lines
4.5 KiB
JavaScript

/**
* Track interaction with the student dashboard..
*/
var edx = edx || {};
(function ($) {
'use strict';
edx.dashboard = edx.dashboard || {};
// Generate the properties object to be passed along with business intelligence events.
edx.dashboard.generateTrackProperties = function(element){
var $el = $(element),
properties = {};
properties.category = 'dashboard';
properties.label = $el.data('course-key');
return properties;
};
// Generate object to be passed with programs events
edx.dashboard.generateProgramProperties = function(element) {
var $el = $(element);
return {
category: 'dashboard',
course_id: $el.closest('.course-container').find('.info-course-id').html(),
program_id: $el.data('program-id')
};
};
// Emit an event when the 'course title link' is clicked.
edx.dashboard.trackCourseTitleClicked = function($courseTitleLink, properties){
var trackProperty = properties || edx.dashboard.generateTrackProperties;
window.analytics.trackLink(
$courseTitleLink,
'edx.bi.dashboard.course_title.clicked',
trackProperty
);
};
// Emit an event when the 'course image' is clicked.
edx.dashboard.trackCourseImageLinkClicked = function($courseImageLink, properties){
var trackProperty = properties || edx.dashboard.generateTrackProperties;
window.analytics.trackLink(
$courseImageLink,
'edx.bi.dashboard.course_image.clicked',
trackProperty
);
};
// Emit an event when the 'View Course' button is clicked.
edx.dashboard.trackEnterCourseLinkClicked = function($enterCourseLink, properties){
var trackProperty = properties || edx.dashboard.generateTrackProperties;
window.analytics.trackLink(
$enterCourseLink,
'edx.bi.dashboard.enter_course.clicked',
trackProperty
);
};
// Emit an event when the options dropdown is engaged.
edx.dashboard.trackCourseOptionDropdownClicked = function($optionsDropdown, properties){
var trackProperty = properties || edx.dashboard.generateTrackProperties;
window.analytics.trackLink(
$optionsDropdown,
'edx.bi.dashboard.course_options_dropdown.clicked',
trackProperty
);
};
// Emit an event when the 'Learn about verified' link is clicked.
edx.dashboard.trackLearnVerifiedLinkClicked = function($courseLearnVerified, properties){
var trackProperty = properties || edx.dashboard.generateTrackProperties;
window.analytics.trackLink(
$courseLearnVerified,
'edx.bi.dashboard.verified_info_link.clicked',
trackProperty
);
};
// Emit an event when the 'Find Courses' button is clicked.
edx.dashboard.trackFindCourseBtnClicked = function($findCoursesBtn, properties){
var trackProperty = properties || { category: 'dashboard', label: null };
window.analytics.trackLink(
$findCoursesBtn,
'edx.bi.dashboard.find_courses_button.clicked',
trackProperty
);
};
// Emit an event when the 'View XSeries Details' button is clicked
edx.dashboard.trackXseriesBtnClicked = function($xseriesBtn, properties){
var trackProperty = properties || edx.dashboard.generateProgramProperties;
window.analytics.trackLink(
$xseriesBtn,
'edx.bi.dashboard.xseries_cta_message.clicked',
trackProperty
);
};
edx.dashboard.xseriesTrackMessages = function() {
$('.xseries-action .btn').each(function(i, element) {
var data = edx.dashboard.generateProgramProperties($(element));
window.analytics.track( 'edx.bi.dashboard.xseries_cta_message.viewed', data );
});
};
$(document).ready(function() {
edx.dashboard.trackCourseTitleClicked($('.course-title > a'));
edx.dashboard.trackCourseImageLinkClicked($('.cover'));
edx.dashboard.trackEnterCourseLinkClicked($('.enter-course'));
edx.dashboard.trackCourseOptionDropdownClicked($('.wrapper-action-more'));
edx.dashboard.trackLearnVerifiedLinkClicked($('.verified-info'));
edx.dashboard.trackFindCourseBtnClicked($('.btn-find-courses'));
edx.dashboard.trackXseriesBtnClicked($('.xseries-action .btn'));
edx.dashboard.xseriesTrackMessages();
});
})(jQuery);