Merge pull request code-dot-org#26935 from code-dot-org/pl-teacher-application-analytics

PL: teacher application reports GA pageviews

Author: breville

apps/src/code-studio/pd/application/teacher1920/Teacher1920Application.jsx

@@ -6,6 +6,7 @@ import Section3TeachingBackground from './Section3TeachingBackground';
 import Section4ProfessionalLearningProgramRequirements from './Section4ProfessionalLearningProgramRequirements';
 import Section5AdditionalDemographicInformation from './Section5AdditionalDemographicInformation';
 import Section6Submission from './Section6Submission';
+/* global ga */
 
 export default class Teacher1920Application extends FormController {
   static propTypes = {
@@ -48,4 +49,13 @@ export default class Teacher1920Application extends FormController {
     // Let the server display a confirmation page as appropriate
     window.location.reload(true);
   }
+
+  /**
+   * @override
+   */
+  onSetPage(newPage) {
+    // Report a unique page view to GA.
+    ga('set', 'page', '/pd/application/teacher/' + newPage + 1);
+    ga('send', 'pageview');
+  }
 }

apps/src/code-studio/pd/form_components/FormController.jsx

@@ -52,10 +52,16 @@ export default class FormController extends React.Component {
   }
 
   componentWillMount() {
+    let newPage;
     if (this.constructor.sessionStorageKey && sessionStorage[this.constructor.sessionStorageKey]) {
       const reloadedState = JSON.parse(sessionStorage[this.constructor.sessionStorageKey]);
       this.setState(reloadedState);
+      newPage = reloadedState.currentPage;
+    } else {
+      newPage = this.state.currentPage;
     }
+
+    this.onSetPage(newPage);
   }
 
   /**
@@ -168,6 +174,13 @@ export default class FormController extends React.Component {
     // Intentional noop; overridden by child classes
   }
 
+  /**
+   * Called when we set a new page.
+   */
+  onSetPage(newPage) {
+    // Intentional noop; overridden by child classes
+  }
+
   /**
    * Submit serialized form data to the specified API Endpoint and handle server
    * response
@@ -400,6 +413,8 @@ export default class FormController extends React.Component {
       });
 
       this.saveToSessionStorage({currentPage: newPage});
+
+      this.onSetPage(newPage);
     }
   }
 

dashboard/app/views/pd/application/teacher_application/submitted.html.haml

@@ -12,3 +12,10 @@
     = link_to 'https://code.org/educate', 'https://code.org/educate'
     for additional resources and opportunities to connect with other computer science educators.
     Thank you for supporting computer science for all!
+
+:javascript
+  $(document).ready(function() {
+    // Report a unique page view to GA.
+    ga('set', 'page', '/pd/application/teacher/submitted');
+    ga('send', 'pageview');
+  });