318 - Add GA custom event for Email Subscription to DOM elements

src/components/Download/DownloadDatasetModal.js

@@ -1,6 +1,7 @@
 import { useRouter } from 'next/navigation'
 import { Formik } from 'formik'
 import { Box, Form, Heading, Paragraph } from 'grommet'
+import gtag from 'analytics/gtag'
 import { validationSchemas } from 'config'
 import { useDatasetManager } from 'hooks/useDatasetManager'
 import { useResponsive } from 'hooks/useResponsive'
@@ -42,8 +43,12 @@ export const DownloadDatasetModal = ({ dataset, id, closeModal }) => {
         validateOnChange={false}
         onSubmit={async (values, { setSubmitting }) => {
           const { emailAddress, receiveUpdates } = values
+
           if (receiveUpdates) {
-            subscribeEmail(emailAddress)
+            const subscribeEmailResponse = await subscribeEmail(emailAddress)
+            if (subscribeEmailResponse.status !== 'error') {
+              gtag.trackEmailSubscription(DownloadDatasetModal)
+            }
           }
 
           const response = await startProcessingDataset(values, dataset.id)

src/components/Download/StartProcessingForm/index.js

@@ -37,7 +37,10 @@ export const StartProcessingForm = ({ dataset }) => {
         }
 
         if (receiveUpdates) {
-          subscribeEmail(emailAddress)
+          const subscribeEmailResponse = await subscribeEmail(emailAddress)
+          if (subscribeEmailResponse.status !== 'error') {
+            gtag.trackEmailSubscription(StartProcessingForm)
+          }
         }
 
         const response = await startProcessingDataset(

src/components/shared/SearchCard/SearchCardAction/DownloadNowModal.js

@@ -51,7 +51,10 @@ export const DownloadNowModal = ({
           const { emailAddress, receiveUpdates } = values
 
           if (receiveUpdates) {
-            subscribeEmail(emailAddress)
+            const subscribeEmailResponse = await subscribeEmail(emailAddress)
+            if (subscribeEmailResponse.status !== 'error') {
+              gtag.trackEmailSubscription(DownloadNowModal)
+            }
           }
 
           await startProcessingDataset(values, null, accessionCode)

src/components/shared/SignUpBlock.js

@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { Box, Form, Heading, Paragraph, Text } from 'grommet'
 import { Formik } from 'formik'
+import gtag from 'analytics/gtag'
 import { useResponsive } from 'hooks/useResponsive'
 import subscribeEmail from 'helpers/subscribeEmail'
 import { Button } from 'components/shared/Button'
@@ -31,6 +32,7 @@ export const SignUpBlock = () => {
               setSubmitted(false)
             } else {
               setSubmitted(true)
+              gtag.trackEmailSubscription(SignUpBlock)
             }
 
             setSubmitting(false)