diff --git a/lms/static/js/learner_dashboard/views/program_details_view.js b/lms/static/js/learner_dashboard/views/program_details_view.js
index bd8575c05e..c22779f8a3 100644
--- a/lms/static/js/learner_dashboard/views/program_details_view.js
+++ b/lms/static/js/learner_dashboard/views/program_details_view.js
@@ -11,6 +11,7 @@ import HeaderView from './program_header_view';
import SidebarView from './program_details_sidebar_view';
import pageTpl from '../../../templates/learner_dashboard/program_details_view.underscore';
+import trackECommerceEvents from '../../commerce/track_ecommerce_events';
class ProgramDetailsView extends Backbone.View {
constructor(options) {
@@ -43,6 +44,13 @@ class ProgramDetailsView extends Backbone.View {
);
this.render();
+
+ const $courseUpsellButton = $('#program_dashboard_course_upsell_all_button');
+ trackECommerceEvents.trackUpsellClick($courseUpsellButton, 'program_dashboard_program', {
+ linkType: 'button',
+ pageName: 'program_dashboard',
+ linkCategory: 'green_upgrade',
+ });
}
static getUrl(base, programData) {
diff --git a/lms/templates/learner_dashboard/program_details_view.underscore b/lms/templates/learner_dashboard/program_details_view.underscore
index 55676fcbbf..a0523e3cad 100644
--- a/lms/templates/learner_dashboard/program_details_view.underscore
+++ b/lms/templates/learner_dashboard/program_details_view.underscore
@@ -22,7 +22,7 @@
<% } %>
<% if (is_learner_eligible_for_one_click_purchase && (typeof is_mobile_only === 'undefined' || is_mobile_only === false)) { %>
-
+
<%- gettext('Upgrade All Remaining Courses (')%>
<% if (discount_data.is_discounted) { %>