Stefan Wanzenried
Integrates Google Tag Manager (GTM) in Statamic 2. The GTM javascript is rendered via tags.
Installation
- Download the addon and rename the folder to
GoogleTagManager - Move the
GoogleTagManagerfolder tosite/addons
Configuration
The addon offers the following settings:
-
Container IDThe ID assigned by GTM for this website container. -
Data LayerThe name of the data layer. Default value isdataLayer. In most cases, use the default. -
Excluded pathsDefine paths where the GTM javascript should be omitted. You may use*as wildcard, e.g./about*will exclude every page under/about. -
Exclude for authenticated usersToggle to exclude GTM javascript for all authenticated users. If set to false, you might exclude for specific roles or groups. -
Exclude for user rolesExclude GTM javascript for some user roles only, enter role names. -
Exclude for user groupsExclude GTM javascript for some user groups only, enter group names.
Tags
Render the GTM javascript in your layout template with the provided tags:
- Add the
{{ google_tag_manager:head }}tag somewhere in your<head>. - Add the
{{ google_tag_manager:body }}tag right after the opening<body>tag.
That's it! 🎉 Your website should now be connected to Google Tag Manager.
Testing
You might easily test if the GTM tags are firing:
- Log into the GTM container at tagmanager.google.com.
- Enable Preview mode.
- Visit your website within the same browser. You should now see the GTM debug console on the bottom of the page.
Use the GTM debug console to check if all tags are firing properly.
If you do not see the debug console, make sure that you visit your website as anonymous user, if you exclude the GTM javascript for authenticated users.
