Merge pull request #1123 from prezly/feature/dev-12745-add-subscribe-…

…form-submit-event [DEV-12745] Track when subscribe form is submitted
prezly · Apr 5, 2024 · e3746b3 · e3746b3
2 parents 1a6a707 + bcf86e2
commit e3746b3
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/modules/SubscribeForm/ui/SubscribeForm.tsx b/modules/SubscribeForm/ui/SubscribeForm.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import Captcha from '@hcaptcha/react-hcaptcha';
+import { ACTIONS, useAnalytics } from '@prezly/analytics-nextjs';
 import type { Newsroom } from '@prezly/sdk';
 import { PrivacyPortal, translations } from '@prezly/theme-kit-nextjs';
 import type { FormEvent } from 'react';
@@ -22,6 +23,7 @@ interface Props {
 }
 
 export function SubscribeForm({ newsroom }: Props) {
+    const { track } = useAnalytics();
     const { locale: localeCode, formatMessage } = useIntl();
 
     const captchaRef = useRef<Captcha>(null);
@@ -59,6 +61,8 @@ export function SubscribeForm({ newsroom }: Props) {
                 return;
             }
 
+            track(ACTIONS.SUBSCRIBE_FORM_SUBMIT);
+
             const redirect = PrivacyPortal.generateUrl(newsroom, localeCode, { email });
 
             window.location.href = redirect;

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
     "@hcaptcha/react-hcaptcha": "1.9.3",
     "@headlessui/react": "1.7.18",
     "@playwright/test": "^1.33.0",
-    "@prezly/analytics-nextjs": "2.0.0",
+    "@prezly/analytics-nextjs": "2.0.1",
     "@prezly/content-renderer-react-js": "0.35.0",
     "@prezly/sdk": "20.3.0",
     "@prezly/story-content-format": "0.64.0",