Merge pull request #1 from GSA/add-gtm

ryanwoldatwork · web-flow · commit f681a6d2ec10 · 2018-10-10T15:15:13.000-07:00
Add GTM container
diff --git a/.env.development.sample b/.env.development.sample
@@ -1 +1,2 @@
 GOOGLE_TAG_MANAGER_ACCOUNT_ID=YOUR-GTM-ACCOUNT-ID-HERE
+TOUCHPOINTS_GTM_CONTAINER_ID=YOUR-APP'S-GTM-CONTAINER-ID-HERE
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -9,9 +9,20 @@
 
     <%= stylesheet_link_tag    'application', media: 'all' %>
     <%= javascript_include_tag 'application' %>
+    <!-- Google Tag Manager -->
+    <script>(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','<%= ENV.fetch("TOUCHPOINTS_GTM_CONTAINER_ID") %>');</script>
+    <!-- End Google Tag Manager -->
   </head>
 
   <body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=<%= ENV.fetch("TOUCHPOINTS_GTM_CONTAINER_ID") %>"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <%= render 'components/header' %>
     <div class="usa-grid">
       <div class="usa-width-full">

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`	`1`	`GOOGLE_TAG_MANAGER_ACCOUNT_ID=YOUR-GTM-ACCOUNT-ID-HERE`
	`2`	`+TOUCHPOINTS_GTM_CONTAINER_ID=YOUR-APP'S-GTM-CONTAINER-ID-HERE`