1. Component Guide
  2. Google Tag Manager script
Component

Google Tag Manager script

Google Tag Manager script for tracking user interaction: - gtm_id is the ID for the Google Tag Manager account - gtm_preview allows a tag to be previewed in the Google Tag Manager interface - gtm_auth is the identifier of an environment for Google Tag Manager

Search for usage of this component on GitHub.

How it looks (preview) (preview all)

<script nonce="tTJtv0OGSRQCMiPnUHJnEg==">
//<![CDATA[
(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+'&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');

//]]>
</script>

How to call this component

<%= render "govuk_publishing_components/components/google_tag_manager_script", {
  gtm_id: "GTM-XXXXXXX"
} %>

Accessibility acceptance criteria

The component should not be visible to any users.