Opprydding Amplitude for Filtervalg og Accordion (#1989)

* Setter komponent 'alternativ-målgruppe' og 'skjemaoversikt-filter'
* Logging av Accordion var invertert
* Konsistent taxonomy for filtervalg

Author: PerOlavM

src/components/_common/accordion/Accordion.tsx

@@ -26,13 +26,13 @@ export const Accordion = ({ accordion }: AccordionProps) => {
 
     useShortcuts({ shortcut: Shortcuts.SEARCH, callback: expandAll });
 
-    const openChangeHandler = (isOpen: boolean, title: string, index: number) => {
-        if (isOpen) {
+    const openChangeHandler = (isOpening: boolean, title: string, index: number) => {
+        if (isOpening) {
             setOpenAccordions([...openAccordions, index]);
         } else {
             setOpenAccordions(openAccordions.filter((i) => i !== index));
         }
-        logAmplitudeEvent(isOpen ? AnalyticsEvents.ACC_COLLAPSE : AnalyticsEvents.ACC_EXPAND, {
+        logAmplitudeEvent(isOpening ? AnalyticsEvents.ACC_EXPAND : AnalyticsEvents.ACC_COLLAPSE, {
             tittel: title,
             opprinnelse: 'trekkspill',
         });

src/components/_common/filter-bar/FilterBar.tsx

@@ -90,6 +90,7 @@ export const FilterBar = ({ layoutProps }: Props) => {
                                     kategori: filter.categoryName,
                                     filternavn: filter.filterName,
                                     opprinnelse: 'innholdtekst',
+                                    komponent: 'FilterBar',
                                 });
                                 saveScrollPosition();
                                 toggleFilter(filter.id);

src/components/_common/overview-filters/OverviewFilters.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { FunnelIcon } from '@navikt/aksel-icons';
-import { Heading, Button } from '@navikt/ds-react';
+import { Button, Heading } from '@navikt/ds-react';
 import { OverviewAreaFilter } from 'components/_common/overview-filters/area-filter/OverviewAreaFilter';
 import { OverviewTaxonomyFilter } from 'components/_common/overview-filters/taxonomy-filter/OverviewTaxonomyFilter';
 import { OverviewTextFilter } from 'components/_common/overview-filters/text-filter/OverviewTextFilter';
@@ -50,7 +50,9 @@ const MobileView = ({
                                     e.preventDefault();
                                     setIsOpen(!isOpen);
                                     logAmplitudeEvent(AnalyticsEvents.FILTER, {
+                                        kategori: 'mobile-toggle',
                                         opprinnelse: 'oversiktsside filter mobil',
+                                        komponent: 'MobileView',
                                     });
                                 }}
                                 className={style.mobileFilterButton}

src/components/_common/overview-filters/area-filter/OverviewAreaFilter.tsx

@@ -26,8 +26,10 @@ export const OverviewAreaFilter = ({ items }: Props) => {
 
     const handleFilterUpdate = (area: Area) => {
         logAmplitudeEvent(AnalyticsEvents.FILTER, {
-            omrade: area,
+            kategori: 'område',
+            filternavn: area,
             opprinnelse: 'oversiktsside områder',
+            komponent: 'OverviewAreaFilter',
         });
         setAreaFilter(area);
     };

src/components/_common/overview-filters/taxonomy-filter/OverviewTaxonomyFilter.tsx

@@ -25,8 +25,10 @@ export const OverviewTaxonomyFilter = ({ items }: Props) => {
 
     const handleFilterUpdate = (taxonomy: ProductTaxonomy) => {
         logAmplitudeEvent(AnalyticsEvents.FILTER, {
-            type: taxonomy,
+            kategori: 'type',
+            filternavn: taxonomy,
             opprinnelse: 'oversiktsside typer',
+            komponent: 'OverviewTaxonomyFilter',
         });
         setTaxonomyFilter(taxonomy);
     };

src/components/_common/overview-filters/text-filter/OverviewTextFilter.tsx

@@ -36,8 +36,9 @@ export const OverviewTextFilter = ({ hideLabel }: Props) => {
                 )
             );
             logAmplitudeEvent(AnalyticsEvents.FILTER, {
-                komponent: 'skjemaoversikt-filter',
-                filtertekst: value,
+                kategori: 'fritekst',
+                filternavn: value,
+                komponent: 'OverviewTextFilter',
             });
         }, 500),
         [setTextFilter]

src/components/parts/filters-menu/FiltersMenuPart.tsx

@@ -70,6 +70,7 @@ export const FiltersMenuPart = ({ config, path }: PartComponentProps<PartType.Fi
             kategori: category.categoryName,
             filternavn: filter.filterName,
             opprinnelse: 'filtermeny',
+            komponent: 'FiltersMenuPart',
         });
         toggleFilter(filter.id);
     };