Merge pull request #100 from companieshouse/lp-275-add-matomo-tracking

LP-275 add matomo tracking
companieshouse · Dec 17, 2024 · 7db5955 · 7db5955
2 parents e555871 + 405acb9
commit 7db5955
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 8 deletions.
diff --git a/src/config/app-config.ts b/src/config/app-config.ts
@@ -34,6 +34,7 @@ export const appConfig = (app: express.Application) => {
 
   nunjucksEnv.addGlobal("CDN_HOST", config.CDN_HOST);
   nunjucksEnv.addGlobal("MATOMO_ASSET_PATH", `//${config.CDN_HOST}`);
+  nunjucksEnv.addGlobal("PIWIK_REGISTRATION_START_GOAL_ID", config.PIWIK_REGISTRATION_START_GOAL_ID);
   nunjucksEnv.addGlobal("PIWIK_SITE_ID", config.PIWIK_SITE_ID);
   nunjucksEnv.addGlobal("PIWIK_URL", config.PIWIK_URL);
   nunjucksEnv.addGlobal("SERVICE_NAME", config.SERVICE_NAME);

diff --git a/src/config/constants.ts b/src/config/constants.ts
@@ -22,6 +22,7 @@ export const LOG_LEVEL = getEnvironmentValue("LOG_LEVEL");
 export const NODE_ENV = process.env["NODE_ENV"];
 export const OAUTH2_CLIENT_ID = getEnvironmentValue("OAUTH2_CLIENT_ID");
 export const OAUTH2_CLIENT_SECRET = getEnvironmentValue("OAUTH2_CLIENT_SECRET");
+export const PIWIK_REGISTRATION_START_GOAL_ID = getEnvironmentValue("PIWIK_REGISTRATION_START_GOAL_ID");
 export const PIWIK_SITE_ID = getEnvironmentValue("PIWIK_SITE_ID");
 export const PIWIK_URL = getEnvironmentValue("PIWIK_URL");
 export const PORT = getEnvironmentValue("PORT");

diff --git a/src/test/global.setup.ts b/src/test/global.setup.ts
@@ -14,6 +14,7 @@ export default () => {
   process.env.NODE_ENV = "development";
   process.env.OAUTH2_CLIENT_ID = "OAUTH2_CLIENT_ID";
   process.env.OAUTH2_CLIENT_SECRET = "OAUTH2_CLIENT_SECRET";
+  process.env.PIWIK_REGISTRATION_START_GOAL_ID = "45";
   process.env.PIWIK_SITE_ID = "24";
   process.env.PIWIK_URL = "piwik.url";
   process.env.PORT = "3000";

diff --git a/src/views/includes/piwik-scripts.njk b/src/views/includes/piwik-scripts.njk
@@ -4,7 +4,7 @@
     window.PIWIK_URL = '{{ PIWIK_URL }}'
     window.PIWIK_SITE_ID = '{{ PIWIK_SITE_ID }}'
 </script>
-<div id="templateName" data-id='{{templateName}}' hidden></div>
+<div id="templateName" data-id='{{ props.pageType }}' hidden></div>
 <script src="{{MATOMO_ASSET_PATH}}/javascripts/app/cookie-consent/cookie-consent-1.0.0.js"></script>
 <script src="{{MATOMO_ASSET_PATH}}/javascripts/app/cookie-consent/matomo-only-cookie-consent.js"></script>
 <noscript>

diff --git a/src/views/start.njk b/src/views/start.njk
@@ -8,6 +8,6 @@
 
   {{ errorMessage }}
 
-  <button class="govuk-button" onClick="location.href='{{ props.nextUrl }}'">Start</button>
-
+  <button class="govuk-button" onClick="_paq.push(['trackGoal', '{{PIWIK_REGISTRATION_START_GOAL_ID}}']); location.href='{{ props.nextUrl }}'">Start</button>
+  
 {% endblock %}
diff --git a/src/views/which-type.njk b/src/views/which-type.njk
@@ -25,35 +25,40 @@
               value: "LP",
               text: i18n.whichTypePage.options.LP,
               attributes: {
-                required: true
+                "required": true,
+                "data-event-id": "which-type-of-partnership-to-register-radio - limited-partnership-england-wales"
               }
             },
             {
               value: "PFLP",
               text: i18n.whichTypePage.options.PFLP,
               attributes: {
-                required: true
+                "required": true,
+                "data-event-id": "which-type-of-partnership-to-register-radio - private-fund-limited-partnership-england-wales"
               }
             },
             {
               value: "SLP",
               text: i18n.whichTypePage.options.SLP,
               attributes: {
-                required: true
+                "required": true,
+                "data-event-id": "which-type-of-partnership-to-register-radio - scottish-limited-partnership"
               }
             },
             {
               value: "SPFLP",
               text: i18n.whichTypePage.options.SPFLP,
               attributes: {
-                required: true
+                "required": true,
+                "data-event-id": "which-type-of-partnership-to-register-radio - private-fund-limited-partnership-in-scotland"
               }
             },
             {
               value: "SQP",
               text: i18n.whichTypePage.options.SQP,
               attributes: {
-                required: true
+                "required": true,
+                "data-event-id": "which-type-of-partnership-to-register-radio - scottish-qualifying-partnership"
               }
             }
           ]