Add GA script for tracking 404s

reduxjs · Dec 9, 2018 · a3162f1 · a3162f1
1 parent 74bf011
commit a3162f1
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/website/pages/en/404.js b/website/pages/en/404.js
@@ -1,9 +1,29 @@
 const React = require("react");
+const siteConfig = require(`${process.cwd()}/siteConfig.js`);
 
 class ErrorPage extends React.Component {
+  getTrackingScript() {
+    if (!siteConfig.gaTrackingId) {
+      return null;
+    }
+
+    return {__html:`
+      ga('create', "${siteConfig.gaTrackingId}");
+      ga('send', {
+        hitType: 'event',
+        eventCategory: '404 Response',
+        eventAction: window.location.href,
+        eventLabel: document.referrer
+      });`
+    }
+  }
+
   render() {
+    const trackingScript = this.getTrackingScript();
+
     return (
       <div className="error-page">
+      {trackingScript && <script dangerouslySetInnerHTML={trackingScript}/>}
         <div className="error-message">
           <div className=" error-message-container container">
             <span>404 </span>