feat: add matomo tracking, cookie consent component TETP-227

City-of-Helsinki · Dec 17, 2024 · 76e498d · 76e498d
1 parent 4fa2909
commit 76e498d
Show file tree

Hide file tree

Showing 11 changed files with 382 additions and 240 deletions.
diff --git a/.env.tet.example b/.env.tet.example
@@ -60,3 +60,10 @@ NEXTJS_SENTRY_DEBUG=true
 NEXTJS_SENTRY_TRACING=true
 NEXT_PUBLIC_SENTRY_ATTACH_STACKTRACE=
 NEXT_PUBLIC_SENTRY_MAX_BREADCRUMBS=
+
+#Matomo
+NEXT_PUBLIC_MATOMO_URL=//matomo.hel.fi/
+NEXT_PUBLIC_MATOMO_SITE_ID=
+NEXT_PUBLIC_MATOMO_JS_TRACKER_FILE=matomo.js
+NEXT_PUBLIC_MATOMO_PHP_TRACKER_FILE=matomo.php
+NEXT_PUBLIC_MATOMO_ENABLED=false
diff --git a/frontend/tet/youth/package.json b/frontend/tet/youth/package.json
@@ -21,6 +21,7 @@
     "@frontend/tet-shared": "*",
     "@sentry/browser": "^7.16.0",
     "@sentry/nextjs": "^7.16.0",
+    "@socialgouv/matomo-next": "^1.9.1",
     "axios": "^0.27.2",
     "dotenv": "^16.0.0",
     "hds-design-tokens": "^3.11.0",

diff --git a/frontend/tet/youth/public/locales/en/common.json b/frontend/tet/youth/public/locales/en/common.json
@@ -16,64 +16,65 @@
     "pageNotFoundLabel": "Page was not found",
     "pageNotFoundContent": "Oh no, something went wrong. Click <lnk>here</lnk> to go back to the front page."
   },
-	"frontPage": {
-		"heading": "Remember to find you TET job on time",
-		"search": "Search",
-		"fetch": "Search",
-		"advancedSearch": "Advanced search",
-		"boxTitle": "What is TET?",
-		"boxContent": "Work life practice, or TET, is part of school work for elementary school pupils. During TET, one can learn about different professions and get to experience working life in practice.",
-		"announceLinkTitle": "Announce a TET-position",
-		"announceLinkURL": "https://hel.fi",
-		"announceLinkContent": "Are you an employer and want to make a TET-advertisement? Click here for the employer's service.",
-		"askLinkTitle": "Any questions?",
-		"askLinkURL": "mailto:[email protected]",
-		"askLinkContent": "Do you have any questions or did you notice something strange about the service? Reach out!"
-	},
-	"filters": {
-		"searchJobs": "Search for TET jobs",
-		"searchPlaceholder": "Type search word",
-		"workMethod": "What kind of TET?",
-		"workFeatures": "Characteristics of work",
-		"startDate": "Start date",
-		"endDate": "End date",
-		"language": "Choose language",
-		"clearFilters": "Clear filters",
-		"removeFilter": "Remove filter: {{filter}}",
-		"removeDateFilter": "Remove date filter",
-		"removeLanguageFilter": "Remove language filter",
+  "frontPage": {
+    "heading": "Remember to find you TET job on time",
+    "search": "Search",
+    "fetch": "Search",
+    "advancedSearch": "Advanced search",
+    "boxTitle": "What is TET?",
+    "boxContent": "Work life practice, or TET, is part of school work for elementary school pupils. During TET, one can learn about different professions and get to experience working life in practice.",
+    "announceLinkTitle": "Announce a TET-position",
+    "announceLinkURL": "https://hel.fi",
+    "announceLinkContent": "Are you an employer and want to make a TET-advertisement? Click here for the employer's service.",
+    "askLinkTitle": "Any questions?",
+    "askLinkURL": "mailto:[email protected]",
+    "askLinkContent": "Do you have any questions or did you notice something strange about the service? Reach out!"
+  },
+  "filters": {
+    "searchJobs": "Search for TET jobs",
+    "searchPlaceholder": "Type search word",
+    "workMethod": "What kind of TET?",
+    "workFeatures": "Characteristics of work",
+    "startDate": "Start date",
+    "endDate": "End date",
+    "language": "Choose language",
+    "clearFilters": "Clear filters",
+    "removeFilter": "Remove filter: {{filter}}",
+    "removeDateFilter": "Remove date filter",
+    "removeLanguageFilter": "Remove language filter",
     "combobox": {
       "toggleButtonAriaLabel": "Show/hide options",
       "clearButtonAriaLabel": "Clear selection",
       "selectedItemRemoveButtonAriaLabel": "Deselect"
     }
-	},
-	"postings": {
-		"searchResults_one": "{{count}} search result",
-		"searchResults_other": "{{count}} search results",
-		"readMore": "Read more",
-		"showMore": "Show more results",
-		"languages": "Language",
-		"noResultsText": "Your search did not match any TET-positions. Please try to clear your search.",
-		"fewResultsText": "Try to clear your search to find more TET-positions",
-		"noResultsLinks": "No events were found matching your search criteria. Try clicking on any of these:",
-		"fewResultsLinks": "Also try the following keywords:",
-		"resultsError": "An error occured while looking up TET jobs"
-	},
+  },
+  "postings": {
+    "searchResults_one": "{{count}} search result",
+    "searchResults_other": "{{count}} search results",
+    "readMore": "Read more",
+    "showMore": "Show more results",
+    "languages": "Language",
+    "noResultsText": "Your search did not match any TET-positions. Please try to clear your search.",
+    "fewResultsText": "Try to clear your search to find more TET-positions",
+    "noResultsLinks": "No events were found matching your search criteria. Try clicking on any of these:",
+    "fewResultsLinks": "Also try the following keywords:",
+    "resultsError": "An error occured while looking up TET jobs"
+  },
   "footer": {
     "copyrightText": "City of Helsinki",
     "allRightsReservedText": "All rights reserved",
     "accessibilityStatement": "Accessibility statement",
     "accessibilityStatementLink": "https://www.hel.fi/helsinki/en/administration/information/information/accessibility",
 	"backToTop": "Back to top",
     "privacyPolicy": "Privacy policy",
-		"privacyPolicyPDF": "Opens a pdf-file",
+    "privacyPolicyPDF": "Opens a pdf-file",
     "privacyPolicyLink": "https://www.hel.fi/static/liitteet-2019/Kaupunginkanslia/Rekisteriselosteet/Kasko/Perusopetuksen opintohallinnon rekisteri.pdf",
     "feedback": "Give feedback",
     "feedbackLink": "https://www.hel.fi/helsinki/en/administration/participate/feedback",
-		"moreInfo": "More information",
-		"moreInfoLink": "https://nuorten.hel.fi/en/",
-		"newTab": "link opens in a new tab"
+    "moreInfo": "More information",
+    "moreInfoLink": "https://nuorten.hel.fi/en/",
+    "newTab": "link opens in a new tab",
+    "cookieSettings": "Cookie settings"
   },
   "languages": {
     "fi": "Suomeksi",
@@ -87,31 +88,34 @@
       "text": "Try again later."
     }
   },
-	"editor": {
-		"posting": {
-			"website": "Website",
-			"contactLanguageFi": "Finnish",
-			"contactLanguageSv": "Swedish",
-			"contactLanguageEn": "English"
-		}
-	},
-	"postingTemplate": {
-		"spots": "TET positions",
-		"contact": "Contact information",
-		"description": "Description",
-		"share": "Share event",
-		"dateAndTime": "Date and time",
-		"location": "Place",
-		"languages": "Languages used in the workplace"
-	},
-	"map": {
-		"readMore": "Read more",
-		"showList": "Show results in a list",
-		"showMap": "Show results on a map",
+  "editor": {
+    "posting": {
+      "website": "Website",
+      "contactLanguageFi": "Finnish",
+      "contactLanguageSv": "Swedish",
+      "contactLanguageEn": "English"
+    }
+  },
+  "postingTemplate": {
+    "spots": "TET positions",
+    "contact": "Contact information",
+    "description": "Description",
+    "share": "Share event",
+    "dateAndTime": "Date and time",
+    "location": "Place",
+    "languages": "Languages used in the workplace"
+  },
+  "map": {
+    "readMore": "Read more",
+    "showList": "Show results in a list",
+    "showMap": "Show results on a map",
     "helsinkiCity": "City of Helsinki"
-	},
-	"accessibility": {
-		"eventsLoading": "TET jobs search is loading",
-		"eventsReady": "TET jobs search is ready"
-	}
+  },
+  "accessibility": {
+    "eventsLoading": "TET jobs search is loading",
+    "eventsReady": "TET jobs search is ready"
+  },
+  "actions": {
+    "back": "Back"
+  }
 }
diff --git a/frontend/tet/youth/public/locales/fi/common.json b/frontend/tet/youth/public/locales/fi/common.json
@@ -16,64 +16,65 @@
     "pageNotFoundLabel": "Sivua ei löytynyt",
     "pageNotFoundContent": "Voi ei, jokin meni nyt valitettavasti vikaan. Kokeile mennä <lnk>tästä</lnk> takaisin etusivulle."
   },
-	"frontPage": {
-		"heading": "Muistathan etsiä TET-paikkasi ajoissa",
-		"search": "Hae",
-		"fetch": "Hae",
-		"advancedSearch": "Tarkennettu haku",
-		"boxTitle": "Mikä TET-paikka?",
-		"boxContent": "Työelämään tutustuminen eli TET kuuluu jokaisen peruskoululaisen elämään. TET:n aikana pääsee näkemään, mitä erilaisissa ammateissa tehdään ja pääsee itse kokemaan työelämää.",
-		"announceLinkTitle": "Ilmoita TET-paikka",
-		"announceLinkURL": "https://hel.fi",
-		"announceLinkContent": "Oletko työnantaja ja haluat tehdä ilmoituksen avoimesta TET-paikasta? Siirry tästä työnantajan palveluun.",
-		"askLinkTitle": "Kysyttävää",
-		"askLinkURL": "mailto:[email protected]",
-		"askLinkContent": "Onko sinulla kysyttävää palvelusta tai huomasitko jotain outoa ilmoituksissa? Ota yhteyttä!"
-	},
-	"filters": {
-		"searchJobs": "Hae TET-paikkoja",
-		"searchPlaceholder": "Kirjoita hakusana",
-		"workMethod": "Millainen TET?",
-		"workFeatures": "Työn ominaisuudet",
-		"startDate": "Alkamispäivä",
-		"endDate": "Päättymispäivä",
-		"language": "Valitse kieli",
-		"clearFilters": "Tyhjennä hakuehdot",
-		"removeFilter": "Poista suodatin: {{filter}}",
-		"removeDateFilter": "Poista päivämääräsuodatin",
-		"removeLanguageFilter": "Poista kielen suodatin",
+  "frontPage": {
+    "heading": "Muistathan etsiä TET-paikkasi ajoissa",
+    "search": "Hae",
+    "fetch": "Hae",
+    "advancedSearch": "Tarkennettu haku",
+    "boxTitle": "Mikä TET-paikka?",
+    "boxContent": "Työelämään tutustuminen eli TET kuuluu jokaisen peruskoululaisen elämään. TET:n aikana pääsee näkemään, mitä erilaisissa ammateissa tehdään ja pääsee itse kokemaan työelämää.",
+    "announceLinkTitle": "Ilmoita TET-paikka",
+    "announceLinkURL": "https://hel.fi",
+    "announceLinkContent": "Oletko työnantaja ja haluat tehdä ilmoituksen avoimesta TET-paikasta? Siirry tästä työnantajan palveluun.",
+    "askLinkTitle": "Kysyttävää",
+    "askLinkURL": "mailto:[email protected]",
+    "askLinkContent": "Onko sinulla kysyttävää palvelusta tai huomasitko jotain outoa ilmoituksissa? Ota yhteyttä!"
+  },
+  "filters": {
+    "searchJobs": "Hae TET-paikkoja",
+    "searchPlaceholder": "Kirjoita hakusana",
+    "workMethod": "Millainen TET?",
+    "workFeatures": "Työn ominaisuudet",
+    "startDate": "Alkamispäivä",
+    "endDate": "Päättymispäivä",
+    "language": "Valitse kieli",
+    "clearFilters": "Tyhjennä hakuehdot",
+    "removeFilter": "Poista suodatin: {{filter}}",
+    "removeDateFilter": "Poista päivämääräsuodatin",
+    "removeLanguageFilter": "Poista kielen suodatin",
     "combobox": {
       "toggleButtonAriaLabel": "Näytä/piilota vaihtoehdot",
       "clearButtonAriaLabel": "Tyhjennä valinnat",
       "selectedItemRemoveButtonAriaLabel": "Poista valinta"
     }
-	},
-	"postings": {
-		"searchResults_one": "{{count}} hakutulos",
-		"searchResults_other": "{{count}} hakutulosta",
-		"readMore": "Lue lisää",
-		"showMore": "Näytä lisää tuloksia",
-		"languages": "Kielisyys",
-		"noResultsText": "Haullasi ei löytynyt yhtään TET-paikkaa. Koitathan poistaa haun rajauksia.",
-		"fewResultsText": "Koita poistaa rajauksia löytääksesi enemmän TET-paikkoja",
-		"noResultsLinks": "Valitsemillasi hakuehdoilla ei löytynyt yhtään tapahtumaa. Kokeile vaikka klikkaamalla jotain näistä:",
-		"fewResultsLinks": "Kokeile myös seuraavilla rajauksilla / hakusanoilla:",
-		"resultsError": "TET-paikkojen haussa tapahtui virhe"
-	},
+  },
+  "postings": {
+    "searchResults_one": "{{count}} hakutulos",
+    "searchResults_other": "{{count}} hakutulosta",
+    "readMore": "Lue lisää",
+    "showMore": "Näytä lisää tuloksia",
+    "languages": "Kielisyys",
+    "noResultsText": "Haullasi ei löytynyt yhtään TET-paikkaa. Koitathan poistaa haun rajauksia.",
+    "fewResultsText": "Koita poistaa rajauksia löytääksesi enemmän TET-paikkoja",
+    "noResultsLinks": "Valitsemillasi hakuehdoilla ei löytynyt yhtään tapahtumaa. Kokeile vaikka klikkaamalla jotain näistä:",
+    "fewResultsLinks": "Kokeile myös seuraavilla rajauksilla / hakusanoilla:",
+    "resultsError": "TET-paikkojen haussa tapahtui virhe"
+  },
   "footer": {
     "copyrightText": "Helsingin kaupunki",
     "allRightsReservedText": "Kaikki oikeudet pidätetään",
     "accessibilityStatement": "Saavutettavuusseloste",
     "accessibilityStatementLink": "https://www.hel.fi/helsinki/fi/kaupunki-ja-hallinto/tietoa-helsingista/tietoa-hel-fista/saavutettavuus/saavutettavuusselosteet",
 	"backToTop": "Takaisin ylös",
     "privacyPolicy": "Rekisteriseloste",
-		"privacyPolicyPDF": "Avaa pdf-tiedoston",
+    "privacyPolicyPDF": "Avaa pdf-tiedoston",
     "privacyPolicyLink": "https://www.hel.fi/static/liitteet-2019/Kaupunginkanslia/Rekisteriselosteet/Kasko/Perusopetuksen opintohallinnon rekisteri.pdf",
     "feedback": "Anna palautetta",
     "feedbackLink": "https://www.hel.fi/helsinki/fi/kaupunki-ja-hallinto/osallistu-ja-vaikuta/palaute",
-		"moreInfo": "Lisää tietoa",
-		"moreInfoLink": "https://nuorten.hel.fi/",
-		"newTab": "linkki avautuu uuteen välilehteen"
+    "moreInfo": "Lisää tietoa",
+    "moreInfoLink": "https://nuorten.hel.fi/",
+    "newTab": "linkki avautuu uuteen välilehteen",
+    "cookieSettings": "Evästeasetukset"
   },
   "languages": {
     "fi": "Suomeksi",
@@ -87,31 +88,34 @@
       "text": " Yritä myöhemmin uudelleen"
     }
   },
-	"editor": {
-		"posting": {
-			"website": "Verkkosivut",
-			"contactLanguageFi": "Suomi",
-			"contactLanguageSv": "Ruotsi",
-			"contactLanguageEn": "Englanti"
-		}
-	},
-	"postingTemplate": {
-		"spots": "TET-paikkoja",
-		"contact": "Yhteystiedot",
-		"description": "Kuvaus",
-		"share": "Jaa tapahtuma",
-		"dateAndTime": "Päivä ja aika",
-		"location": "Paikka",
-		"languages": "TET-paikassa käytettävät kielet"
-	},
-	"map": {
-		"readMore": "Lue lisää",
-		"showList": "Näytä tulokset listana",
-		"showMap": "Näytä tulokset kartalla",
+  "editor": {
+    "posting": {
+      "website": "Verkkosivut",
+      "contactLanguageFi": "Suomi",
+      "contactLanguageSv": "Ruotsi",
+      "contactLanguageEn": "Englanti"
+    }
+  },
+  "postingTemplate": {
+    "spots": "TET-paikkoja",
+    "contact": "Yhteystiedot",
+    "description": "Kuvaus",
+    "share": "Jaa tapahtuma",
+    "dateAndTime": "Päivä ja aika",
+    "location": "Paikka",
+    "languages": "TET-paikassa käytettävät kielet"
+  },
+  "map": {
+    "readMore": "Lue lisää",
+    "showList": "Näytä tulokset listana",
+    "showMap": "Näytä tulokset kartalla",
     "helsinkiCity": "Helsingin kaupunki"
-	},
-	"accessibility": {
-		"eventsLoading": "TET-paikkoja haetaan",
-		"eventsReady": "TET-paikkojen haku valmistui"
-	}
+  },
+  "accessibility": {
+    "eventsLoading": "TET-paikkoja haetaan",
+    "eventsReady": "TET-paikkojen haku valmistui"
+  },
+  "actions": {
+    "back": "Takaisin"
+  }
 }