Overview

The majority of our web analytics are implemented using GTM.

Requirements

There are two snippets of code to implement:

  • In the head tag, as high as possible (after the meta charset, title, data layer declarations)
  • Immediately after the body tag.

Any data layer needs to be defined before container tag.

Example


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Analytics</title>

  <!-- data layer -->
  <script>
    dataLayer = [{
      'pageCategory': 'signup',
      'visitorType': 'high-value'
    }];
  </script>

  <!-- 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','GTM-XXXXXXX');</script>
  <!-- End Google Tag Manager -->

  
  <link rel="stylesheet" href="main.css">
  </head>
  <body>

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    
  <p>Some paragraph text.</p>
  </body>
</html>