add support for (optional) GA4

pagasa-parser · Jun 8, 2024 · 5b55d53 · 5b55d53
1 parent 43a7431
commit 5b55d53
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 2 deletions.
diff --git a/backend/package.json b/backend/package.json
@@ -17,7 +17,8 @@
         "generate-license-file": "^1.3.0",
         "multer": "^1.4.5-lts.1",
         "pagasa-archiver": "^1.3.1",
-        "pagasa-parser": "^2.2.4"
+        "pagasa-parser": "^2.2.4",
+        "string-replace-middleware": "^1.1.0"
     },
     "devDependencies": {
         "@types/bunyan": "^1.8.8",

diff --git a/backend/src/PagasaParserWeb.ts b/backend/src/PagasaParserWeb.ts
@@ -19,6 +19,7 @@ import {FormatWikipediaEndpoint} from "./api/v1/FormatWikipediaEndpoint";
 import {MetaLicensesEndpoint} from "./api/v1/MetaLicensesEndpoint";
 import {BulletinGetEndpoint} from "./api/v1/BulletinGetEndpoint";
 import {FormatSignalsEndpoint} from "./api/v1/FormatSignalsEndpoint";
+import {stringReplace} from "string-replace-middleware";
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const packageInfo = require("../package.json");
@@ -77,6 +78,28 @@ export class PagasaParserWeb {
             next();
         });
 
+        // Middleware for Google Analytics
+        if ( process.env.PPW_GA4_GTAG ) {
+            if ( !/^G-[A-Z0-9]+/.test(process.env.PPW_GA4_GTAG) ) {
+                this.log.warn("Google Analytics GA4 measurement ID is not valid.");
+            } else {
+                this.app.use( stringReplace( {
+                    "<!-- PPW_DYNAMIC -->": (req) => {
+                        const dnt = req.header("dnt");
+                        if (dnt != null && dnt !== "0") {
+                            return "";
+                        }
+
+                        return `<script async src="https://www.googletagmanager.com/gtag/js?id=${
+                            process.env.PPW_GA4_GTAG
+                        }"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '${
+                            process.env.PPW_GA4_GTAG
+                        }');</script>`;
+                    }
+                } ) );
+            }
+        }
+
         // Static
         this.app.use("/", express.static(path.join(__dirname, "..", "static")));
 

diff --git a/backend/static/app/index.html b/backend/static/app/index.html
@@ -28,6 +28,8 @@
 		<script src="js/pkg.react.js" async></script>
 		<script src="js/pkg.bootstrap.js" async></script>
 		<script src="js/pkg.misc.js" async></script>
+
+		<!-- PPW_DYNAMIC -->
 	</head>
 	<body>
 		<noscript>

diff --git a/backend/static/index.html b/backend/static/index.html
@@ -21,6 +21,8 @@
 		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/atom-one-dark.min.css">
 		<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.min.js"></script>
 		<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script>
+
+		<!-- PPW_DYNAMIC -->
 	</head>
 	<body>
 		<header class="text-white">

diff --git a/package-lock.json b/package-lock.json