add dap analytics and route page send to about, acknowledgements, glo…

src/index.html

@@ -34,6 +34,9 @@
       defer
       src="https://www.section508.gov/assets/js/uswds.min.js"
     ></script>
+    <script async type="text/javascript"
+    src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA&sitetopic=acr-editor&dapdev=true"
+    id="_fed_an_ua_tag"></script>
     <style>
       /* GSA/Section508 placeholder styling.
        * Dark blue: #162E51

src/routes/About.svelte

@@ -19,7 +19,8 @@
   import { reportFilename } from "../utils/reportFilename.js";
   import { getCatalog, getListOfCatalogs } from "../utils/getCatalogs.js";
   import { updateEvaluation } from "../utils/updateEvaluation.js";
-
+  import { gasPageSend } from '../utils/dap.js';
+
   const location = useLocation();
   let catalog = getCatalog($evaluation.catalog);
   let catalogChoices = getListOfCatalogs();
@@ -28,6 +29,8 @@
   onMount(() => {
     currentPage.update(currentPage => "About");
 
+    gasPageSend(location.pathname, document.title);
+
     honourFragmentIdLinks($location);
   });
 

src/routes/Acknowledgements.svelte

@@ -5,12 +5,15 @@
   import HeaderWithAnchor from "../components/HeaderWithAnchor.svelte";
   import { currentPage } from "../stores/currentPage.js";
   import { honourFragmentIdLinks } from "../utils/honourFragmentIdLinks.js";
-
+  import { gasPageSend } from '../utils/dap.js';
+
   const location = useLocation();
 
   onMount(() => {
     currentPage.update(currentPage => "Acknowledgements");
 
+    gasPageSend(location.pathname, document.title);
+
     honourFragmentIdLinks($location);
   });
 </script>

src/routes/Glossary.svelte

@@ -5,12 +5,15 @@
   import DTWithAnchor from "../components/DTWithAnchor.svelte";
   import { currentPage } from "../stores/currentPage.js";
   import { honourFragmentIdLinks } from "../utils/honourFragmentIdLinks.js";
-
+  import { gasPageSend } from '../utils/dap.js';
+
   const location = useLocation();
 
   onMount(() => {
     currentPage.update(currentPage => "Glossary");
-
+
+    gasPageSend(location.pathname, document.title);
+
     honourFragmentIdLinks($location);
   });
 </script>

src/routes/Overview.svelte

@@ -10,13 +10,16 @@
   import { honourFragmentIdLinks } from "../utils/honourFragmentIdLinks.js";
   import { evaluation } from "../stores/evaluation.js";
   import { getCatalog } from "../utils/getCatalogs.js";
-
+  import { gasPageSend } from '../utils/dap.js';
+
   const location = useLocation();
   let catalog = getCatalog($evaluation.catalog);
 
   onMount(() => {
     currentPage.update((currentPage) => "Overview");
 
+    gasPageSend(location.pathname, document.title);
+
     honourFragmentIdLinks($location);
   });
 </script>

src/utils/dap.js

@@ -0,0 +1,5 @@
+export const gasPageSend = (path, title) => {
+    if (typeof gas !== "undefined") {
+        gas("send", "pageview", path, title);
+    }
+}