Merged in feat/SW-2653-aa-tracking-click-tracking-on-se (pull request #2301)

feat: SW-2653 Implemented click tracking on Search btn and lang switch

* feat: SW-2653 Implemented click tracking on Search btn and lang switch


Approved-by: Erik Tiekstra

apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx

@@ -56,7 +56,7 @@ export default function LanguageSwitcherContent({
                     className={styles.link}
                     href={replaceUrlPart(pathname, url)}
                     rel={env.isLangLive(key) ? undefined : "nofollow"}
-                    onClick={onLanguageSwitch}
+                    onClick={() => onLanguageSwitch(key)}
                     variant="languageSwitcher"
                     keepSearchParams
                   >

apps/scandic-web/components/LanguageSwitcher/index.tsx

@@ -15,6 +15,7 @@ import useDropdownStore from "@/stores/main-menu"
 import useClickOutside from "@/hooks/useClickOutside"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import useLang from "@/hooks/useLang"
+import { trackLanguageSwitchClick } from "@/utils/tracking/navigation"
 
 import SkeletonShimmer from "../SkeletonShimmer"
 import LanguageSwitcherContainer from "./LanguageSwitcherContainer"
@@ -94,6 +95,11 @@ export default function LanguageSwitcher({ type }: LanguageSwitcherProps) {
     defaultMessage: "Open language menu",
   })
 
+  function onLanguageSwitch(toLang: string) {
+    trackLanguageSwitchClick(currentLanguage, toLang)
+    toggleDropdown(dropdownType)
+  }
+
   if (isLoading) {
     return <SkeletonShimmer width="12ch" />
   }
@@ -132,7 +138,7 @@ export default function LanguageSwitcher({ type }: LanguageSwitcherProps) {
           <LanguageSwitcherContainer type={type}>
             <LanguageSwitcherContent
               urls={languagesResponse.urls}
-              onLanguageSwitch={() => toggleDropdown(dropdownType)}
+              onLanguageSwitch={onLanguageSwitch}
             />
           </LanguageSwitcherContainer>
         </FocusLock>