chore: handle siteimprove event

src/components/analytics-siteimprove/utils.ts

@@ -0,0 +1,28 @@
+export enum EventCategory {
+  DETAILS_PAGE = 'Details page'
+}
+
+export enum EventAction {
+  REQUEST_ACCESS = 'Request access'
+}
+
+type SiteImproveEventProps = {
+  category: EventCategory;
+  action: EventAction;
+  label?: string | undefined;
+};
+
+export const trackSiteImproveEvent =
+  ({ category, action, label }: SiteImproveEventProps) =>
+  () => {
+    if (window._sz === undefined) {
+      // eslint-disable-next-line no-console
+      console.error('Unable to find Site Improve event library.');
+    }
+
+    if (label) {
+      window._sz.push(['event', category, action, label]);
+    } else {
+      window._sz.push(['event', category, action]);
+    }
+  };

src/components/details-page/components/details-page/index.tsx

@@ -51,6 +51,11 @@ import withCommunity, {
 } from '../../../with-community';
 import Aside from '../aside';
 import { accessRequestWhiteList } from '../../../../white-list';
+import {
+  EventAction,
+  EventCategory,
+  trackSiteImproveEvent
+} from '../../../analytics-siteimprove/utils';
 
 interface ExternalProps {
   entity: Entity;
@@ -322,7 +327,17 @@ const DetailsPage: FC<PropsWithChildren<Props>> = ({
                 target='_blank'
                 rel='noreferrer'
               >
-                <Button>{translations.detailsPage.requestDataButton}</Button>
+                <Button
+                  onClick={() =>
+                    trackSiteImproveEvent({
+                      category: EventCategory.DETAILS_PAGE,
+                      action: EventAction.REQUEST_ACCESS,
+                      label: entityId
+                    })
+                  }
+                >
+                  {translations.detailsPage.requestDataButton}
+                </Button>
               </a>
             </SC.AccessRequest>
           )}

src/types/global.d.ts

@@ -1 +1,9 @@
-export declare global {}
+export {};
+
+declare global {
+  interface Window {
+    _sz: {
+      push: (event: [string, string, string, string?]) => void;
+    };
+  }
+}