diff --git a/.env.local b/.env.local
index 4d33e329..67f37565 100644
--- a/.env.local
+++ b/.env.local
@@ -46,7 +46,8 @@ RELAYPATH = "dev-pedw-hc"
 //RELAYPATH = "prod-pedw-hc"
 
 
-GOOGLE_TAG_MANAGER = GTM-T78CBC3
+//GOOGLE_TAG_MANAGER = GTM-T78CBC3
+GOOGLE_TAG_MANAGER = G-GTWW3JT03Z
 SHOWLOGIN = true
 SHOWREPRESENTATIONS = true 
 SHOWFILEUPLOAD = "false"
diff --git a/components/case/documents.js b/components/case/documents.js
index 506e987b..8f11dc85 100644
--- a/components/case/documents.js
+++ b/components/case/documents.js
@@ -7,6 +7,7 @@ import { connect } from "react-redux";
 import transLookup from "../../data/lookuptranslations.json";
 import { formatDates } from "../utils";
 import PaginationControl from "./pagination";
+import { sendGAEvent } from "@next/third-parties/google";
 
 import {
     getSearchDocumentDetails,
@@ -66,9 +67,6 @@ const DocumentDetails = (props) => {
         console.log(currentDate);
 
         var valid = startDate < currentDate && endDate > currentDate;
-
-        console.log(valid);
-
         ShowDocLinks = valid;
     };
 
@@ -307,7 +305,17 @@ const DocumentDetails = (props) => {
                                                 }
                                                 key={key}
                                                 onClick={() => {
-                                                    toggleDownLoadLink(key);
+                                                    toggleDownLoadLink(key),
+                                                        sendGAEvent(
+                                                            "event",
+                                                            "DownloadedFile",
+                                                            {
+                                                                caseReference:
+                                                                    props.caseReference,
+                                                                filename:
+                                                                    detailsObj.pinswg_name,
+                                                            }
+                                                        );
                                                 }}
                                             >
                                                 <span className="results-visually-hidden">
diff --git a/components/homepage/casesearch.js b/components/homepage/casesearch.js
index 4b54d385..fe5b1cb6 100644
--- a/components/homepage/casesearch.js
+++ b/components/homepage/casesearch.js
@@ -3,6 +3,7 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import { connect } from "react-redux";
 import { Field, reduxForm } from "redux-form";
+import { sendGAEvent } from "@next/third-parties/google";
 
 const required = (errorMsg) => (value) =>
     value || typeof value === "number" ? undefined : errorMsg;
@@ -126,7 +127,19 @@ let CaseSearch = (props) => {
                         />
 
                         <div className="govuk-form-group">
-                            <button type="submit" className="govuk-button">
+                            <button
+                                type="submit"
+                                className="govuk-button"
+                                onClick={() => {
+                                    sendGAEvent(
+                                        "event",
+                                        "SearchButtonClicked",
+                                        {
+                                            searchTerm: basicSearch.value,
+                                        }
+                                    );
+                                }}
+                            >
                                 {t("home:casesearch-card-button")}
                             </button>
                         </div>
diff --git a/components/myportal/searchcases.js b/components/myportal/searchcases.js
index 7703da85..e30c7908 100644
--- a/components/myportal/searchcases.js
+++ b/components/myportal/searchcases.js
@@ -3,6 +3,7 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import { connect } from "react-redux";
 import { Field, reduxForm } from "redux-form";
+import { sendGAEvent } from "@next/third-parties/google";
 
 const required = (errorMsg) => (value) =>
     value || typeof value === "number" ? undefined : errorMsg;
@@ -132,7 +133,19 @@ let CaseSearch = (props) => {
                         />
 
                         <div className="govuk-form-group">
-                            <button type="submit" className="govuk-button">
+                            <button
+                                type="submit"
+                                className="govuk-button"
+                                onClick={() => {
+                                    sendGAEvent(
+                                        "event",
+                                        "MyPortalSearchButtonClicked",
+                                        {
+                                            searchTerm: basicSearch.value,
+                                        }
+                                    );
+                                }}
+                            >
                                 {t("myportal:searchcases-card-button")}
                             </button>
                         </div>
diff --git a/components/search/searchresults.js b/components/search/searchresults.js
index 0166a03d..c907b604 100644
--- a/components/search/searchresults.js
+++ b/components/search/searchresults.js
@@ -34,6 +34,8 @@ import {
     getWatchedCasesProxy,
 } from "../../actions";
 
+import { sendGAEvent } from "@next/third-parties/google";
+
 const SearchResults = (props) => {
     const {
         searchString,
@@ -261,28 +263,36 @@ const SearchResults = (props) => {
                                             }
                                             className="govuk-link--no-underline"
                                             onClick={() => {
-                                                setCurrentReference({
-                                                    "ticketnumber":
-                                                        item.ticketnumber,
-                                                    "currentReference":
-                                                        item.title,
-                                                    "currentType":
-                                                        "searchResultsObj",
-                                                    "incidentid":
-                                                        item.incidentid,
-                                                    "appealType":
-                                                        item.pinswg_appealcasetype,
-                                                    "showLoginCheck":
-                                                        props.showLoginCheck,
-                                                    "specialistProcess":
-                                                        detailsObj.pinswg_speacialistcaseprocess !=
-                                                            null ||
-                                                        detailsObj.pinswg_specialistcaseprocess !=
-                                                            null
-                                                            ? detailsObj.pinswg_speacialistcaseprocess ||
-                                                              detailsObj.pinswg_specialistcaseprocess
-                                                            : "",
-                                                });
+                                                sendGAEvent(
+                                                    "event",
+                                                    "CaseViewed",
+                                                    {
+                                                        caseReference:
+                                                            item.ticketnumber,
+                                                    }
+                                                ),
+                                                    setCurrentReference({
+                                                        "ticketnumber":
+                                                            item.ticketnumber,
+                                                        "currentReference":
+                                                            item.title,
+                                                        "currentType":
+                                                            "searchResultsObj",
+                                                        "incidentid":
+                                                            item.incidentid,
+                                                        "appealType":
+                                                            item.pinswg_appealcasetype,
+                                                        "showLoginCheck":
+                                                            props.showLoginCheck,
+                                                        "specialistProcess":
+                                                            detailsObj.pinswg_speacialistcaseprocess !=
+                                                                null ||
+                                                            detailsObj.pinswg_specialistcaseprocess !=
+                                                                null
+                                                                ? detailsObj.pinswg_speacialistcaseprocess ||
+                                                                  detailsObj.pinswg_specialistcaseprocess
+                                                                : "",
+                                                    });
                                             }}
                                         >
                                             <span className="results-visually-hidden">
diff --git a/components/tracking/index.js b/components/tracking/index.js
index 76e5d5b1..392ef305 100644
--- a/components/tracking/index.js
+++ b/components/tracking/index.js
@@ -1,21 +1,37 @@
 import Script from "next/script";
 import React, { Fragment } from "react";
+import { GoogleTagManager } from "@next/third-parties/google";
 
 export const Tracking = ({ googleTagManagerID, nonce }) => (
-    <Fragment>
+    <>
+        <Script
+            strategy="afterInteractive"
+            src={`https://www.googletagmanager.com/gtag/js?id=${googleTagManagerID}`}
+        />
         <Script
             id="google-analytics"
             strategy="afterInteractive"
-            nonce={nonce}
             dangerouslySetInnerHTML={{
-                __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-					new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-					j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-					'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-				})(window,document,'script','dataLayer','${googleTagManagerID}');`,
+                __html: `
+                window.dataLayer = window.dataLayer || [];
+                function gtag(){dataLayer.push(arguments);}
+                gtag('js', new Date());
+
+                gtag('consent', 'default', {
+                    'analytics_storage': 'denied'
+                });
+                
+                gtag('config', '${googleTagManagerID}', {
+                    page_path: window.location.pathname,
+                });
+                `,
             }}
         />
-    </Fragment>
+
+        {/* <GoogleAnalytics gaId={googleTagManagerID} /> */}
+
+        {/* <GoogleTagManager gtmId={googleTagManagerID} /> */}
+    </>
 );
 
 export const TrackingNoScript = ({ googleTagManagerID }) => (
diff --git a/package.json b/package.json
index c9230d7e..18dd3540 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
         "@azure/storage-blob": "^12.17.0",
         "@azure/storage-queue": "^12.16.0",
         "@next-auth/prisma-adapter": "^1.0.7",
+        "@next/third-parties": "latest",
         "@prisma/client": "^5.7.0",
         "@react-pdf/renderer": "^3.1.14",
         "@redux-devtools/extension": "^3.3.0",
diff --git a/pages/_app.js b/pages/_app.js
index d5ed2ded..51a446d4 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -6,7 +6,8 @@ import { useStore, Provider } from "react-redux";
 import { persistStore } from "redux-persist";
 import { PersistGate } from "redux-persist/integration/react";
 import { SessionProvider as AuthProvider } from "next-auth/react";
-
+import { Tracking } from "../components/tracking";
+import { GoogleAnalytics } from "@next/third-parties/google";
 const MyApp = ({ Component, pageProps: { session, ...pageProps } }) => {
     const store = useStore((state) => state);
     const persistor = persistStore(store, {}, function () {
@@ -21,6 +22,7 @@ const MyApp = ({ Component, pageProps: { session, ...pageProps } }) => {
                     loading={<Loading />}
                 >
                     <Component {...pageProps} />
+                    <GoogleAnalytics gaId="G-GTWW3JT03Z" />
                 </PersistGate>
             </Provider>
         </AuthProvider>
diff --git a/pages/_document.js b/pages/_document.js
index 7c532ec1..285b594d 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -38,11 +38,12 @@ class MyDocument extends Document {
         csp += `base-uri 'self';`;
         csp += `form-action 'self' ` + process.env.NEXTAUTH_URL + ` ;`;
         csp += `object-src 'self' data:;`;
-        csp +=
-            `script-src 'self' ` +
-            process.env.NEXTAUTH_URL +
-            ` 'unsafe-inline' https://www.googletagmanager.com  https://maps.googleapis.com 'nonce-${generatedNonce}' 'unsafe-eval';`;
-        csp += `style-src 'self' https://fonts.googleapis.com 'unsafe-inline' data:;`;
+        csp += `default-src 'self' https://www.google-analytics.com;`;
+        csp += `connect-src 'self' https://region1.google-analytics.com;`;
+        csp += `script-src 'self' 'unsafe-eval' 'unsafe-inline'  https://region1.google-analytics.com https://www.google-analytics.com/ https://tagmanager.google.com/ https://www.googletagmanager.com/;`;
+        csp += `style-src 'self' 'unsafe-inline' https://pro.fontawesome.com/ https://www.google-analytics.com https://tagmanager.google.com/ https://www.googletagmanager.com/ https://fonts.googleapis.com/;`;
+        csp += `img-src 'self' 'unsafe-inline' https://fonts.gstatic.com https://www.googletagmanager.com https://www.google-analytics.com https://ssl.gstatic.com/ data:;`;
+        csp += `font-src 'self' 'unsafe-inline' https://pro.fontawesome.com/ https://fonts.gstatic.com/ data:;`;
 
         return (
             <Html lang={locale}>
@@ -50,10 +51,11 @@ class MyDocument extends Document {
                     <meta httpEquiv="Content-Security-Policy" content={csp} />
                     {useGATracking && (
                         <Tracking
-                            googleTagManagerID={googleTagManagerID}
+                            googleTagManagerID="G-GTWW3JT03Z"
                             nonce={generatedNonce}
                         />
                     )}
+                    {/* <GoogleAnalytics gaId={googleTagManagerID} /> */}
                 </Head>
                 <body className="js-enabled">
                     {useGATracking && (