Google Tag Manager is a popular tool for efficiently managing tracking scripts. In this article we will show you:
So, let’s get started!
Google Tag Manager is a tagging tool that simplifies tag management. It allows you to configure and control tags on your website without directly modifying its code. It is like a command center where you can manage and set up data tracking.
Its configuration is straightforward and requires creating a GTM container and inserting two snippets on each website page. For the purpose of this article, we will consider both web and server GTM containers.
Type: web and server
Google Analytics 4 remains one of the most popular analytics tools. Using tags, you can set up pageviews, traffic, and events such as button clicks, scrolls, and downloads. That's an essential tag for gathering insights into user interactions and behavior on your website.
The tag is available for both web and server GTM containers. It is found when you choose the tag type when creating a new tag.
Check out our detailed guide on how to set up Google Analytics 4 for server GTM container.
Type: web and server
If you use Mixpanel for data tracking, a few tags are available for web and server GTM containers. Both communicate with Mixpanel API allowing you to implement Mixpanel through the Tag Manager interface rather than directly in code.
Mixpanel has developed a Mixpanel tag for web containers, which can be found in the GTM template gallery.
As for the Mixpanel tag for server GTM container, you can use the one developed by Stape. For the detailed set up guide, please check our article on configuring the Mixpanel tag.
Type: web and server
Matomo became even more popular after Google Universal Analytics sunset. It is a free, open-source platform that provides tools to track user interactions on a website. If you use Matomo for data tracking, there are numerous GTM tags can facilitate the tracking process.
As for the tag for web GTM container, Matomo Analytics - Actions tag is the most versatile as it includes the tracking of different actions (page view, events, goals, links and site searches) compared to other available tags that are focused on the specific actions tracking.
If you are using server GTM container, try Stape's Matomo Advanced tag. With its help, you can track pageviews and events, including e-commerce. Check our article on tag configuration for more details.
Type: web and server
Google Ads Conversion Tracking tag is crucial for evaluating the performance of your Google Ads campaigns. So, you can refine your Google Ads strategy. In addition, if you run remarketing campaigns, you should add Google Ads Remarketing tag.
Similar to the Google Analytics tag, the Google Ads Conversion Tracking and Remarketing tags can be found in web and server GTM containers when you select the tag type.
We have a detailed guide for setting up server-side conversion tracking in Google Ads, including configuring Enhanced Conversions and remarketing tracking.
Type: web and server
Depending on your tracking method (client-side or server-side), there are two data gathering tools: Facebook Pixel and Facebook Conversions API. Both have the same purpose - gathering data on Facebook and/or Instagram ad campaigns.
If you are using a web GTM container, you can opt for the Facebook Pixel tracking tag from the GTM template gallery. After adding the Meta Pixel script to your website, you can effectively manage data collection with this tag.
For the server GTM container, you can use the Facebook Conversions API tag developed by Stape. Please note that Meta recommends tracking events using Facebook Pixel and Conversions API, so you must also set up event deduplication for precise data tracking.
Type: web and server
Similar to Facebook, LinkedIn has a tracking pixel. GTM templates will facilitate data tracking if you run LinkedIn ads.
For a web GTM container, you can use LinkedIn InsightTag 2.0 after adding tracking code to the website. However, some users notice that the tag's performance slows down website load, so it's worth doing website speed testing before and after implementing the tag.
If you are using a server GTM container, try the LinkedIn Conversion API. Integrating the Conversion API will improve your web pixel tracking and make it more resistant to ad blockers and the latest ITP updates. Check out our guide on setting up the LinkedIn Conversion API Tag for server GTM for more details.
Most email marketing services don't have their own rebuild GTM templates, especially for web GTM container. So, in the sections below, we consider the available templates for the most popular platforms. If there is no template for a web GTM container, creating a custom HTML tag that fits your needs would be a good solution.
Type: server
Mailchimp Event Track is a tag that works for the server GTM container. With the help of a tag you can track events and create or update contacts. Check how to connect your website to the Mailchimp using a tag.
Type: web and server
Integrating your site with Klaviyo is crucial if you run email campaigns. By sharing data with Klaviyo, you can better segment lists, automate campaigns and send personalized emails.
Klaviyo Identify is a tag for a web GTM container that sends user identification to Klaviyo. In most cases, it can be more convenient than custom HTML.
The Klaviyo tag can be used for the server GTM container. It allows you to add new users, track user activity on the website, and send events and parameters. For details, see the detailed guide on how to set up the Klaviyo tag.
Type: server
Like Mailchimp, integrating with Brevo using a prebuilt template is only possible for the server GTM container. To create such an integration, use the Brevo tag. The Brevo server GTM tag allows for the tracking of events, page views, link clicks, and user identification.
Type: server
SendGrid is a popular solution for those needing to send large emails. Similar to other email marketing services, SendGrid has a prebuilt template for a server GTM container only. The SendGrid template allows sending messages from SendGrid and adding/updating contacts using the server GTM container.
For a detailed guide on how to set up SendGrid tag check our guide.
Creating a scalable naming system for GTM tags, triggers, and variables is essential for maintaining clarity and consistency as your website grows and the number of these elements increases.
The best practices for naming GTM elements include:
We have prepared the table that may help you structure your naming system for tags, triggers, and variables:
| GTM element | Tool/Type | Purpose | Example |
| Tag | GA4 | Pageview | GA4 - PageView |
| FB | Add to cart | FB - AddToCart | |
| GAds | Purchase | GAds - Purchase | |
| Trigger | Custom event | Add payment info | ce - add_payment_info |
| Page view - DOM ready | Pageview | dom - page_view | |
| All elements/Just links click | Click “Register” button | click - register_button | |
| Variable | 1st Party Cookie | Tracking email subscribers | cookie - email_subscriber |
| Custom JavaScript | Track the event’s timestamp, which will be sent to GA4 | cjs - ga4_event_timestamp | |
| Data Layer Variable | Currency tracking | dlv - ecommerce_currency |
GTM isn't the best choice for loading visual or functional elements of the website, such as cookie banners or hero images. Relying on a tag manager for these elements can introduce delays, negatively affect user experience, and increase metrics like LCP and CLS in PageSpeed Insights. So, using third-party solutions to set up such elements is better.
Data Layer is a more advanced concept for data tracking, but it is often omitted. It helps you set up flexible event tracking and ensure reliable data collection. In addition to tracking specific elements of your website that auto-event listeners can't capture, you can create a stable source from which the GTM container retrieves data instead of relying on HTML DOM.
| Our guide on Data Layer covers its use cases, set up process, testing, troubleshooting, and more. |
Constant variables are helpful if you need to enter specific data (such as GA4 Measurement ID or Pixel ID) multiple times for different tags. If you need to change this data, you can adjust it only in one place (constant variable), and the changes will be applied to all the tags.
You can create constant variables by going to Variables → New → "Constant" as the Variable type.
You can also use Stape's pre-built templates for different platforms. Please note that they are created for both web and server GTM containers. Here is the list of platforms we have prebuilt templates for:
Pre-built templates include tags, triggers, and GA4, Meta, and Google Ads variables. As for the constant variables, you will receive the template where you just need to put your value:
Custom HTML tags are a flexible solution for setting up custom data tracking. They allow you to add tracking scripts to the page, but in some cases, having many such tags may result in layout shifts.
When this element is inserted, the browser must recalculate the size and position of all elements on the page. Frequent recalculations can degrade website performance.
When possible, use templates from the GTM template gallery. Custom templates operate within a sandboxed JavaScript environment. They are optimized to work more effectively with your website's Content Security Policy (CSP), which helps website developers restrict potentially harmful actions JavaScript can perform on a site.
Allow and deny lists are used to restrict certain tags, triggers, or variables on the website. This can be helpful for security. For example, prevent GTM users from adding specific tags to maintain code stability or control data collection.
Implementing allow and deny lists is done through the Data Layer. You can find more details on the setup in Google's documentation.
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'gtm.allowlist': ['<id>', '<id>', ...],
'gtm.blocklist': ['<id>', '<id>', '<id>', ...]
});
</script>Accelerated Mobile Pages (AMP) in GTM are designed to provide a fast and smooth browsing experience for mobile users, making them especially beneficial for businesses with a large share of mobile traffic. Implementing AMP requires additional setup - such as creating a container and configuring page variables - but the effort is worthwhile for those looking to track mobile user data without compromising performance.
When you make bulky updates in GTM, such as adding multiple elements, especially custom HTML tags, check how they affect website performance. Every additional piece of code may negatively impact page speed. So be sure to roll back the GTM updates if you see a negative impact on the website performance.
Often, the problem can be in the JavaScript files of GTM that impact the page load time.
Regularly reviewing GTM is the best practice for maintaining an efficient and error-free setup. Auditing the GTM container will allow unnecessary elements to be deleted, resulting in faster website load.
For this purpose, you can use GTM Tools, which was created by Simo Ahava and relaunched and fully supported by Stape some time ago. With its help, you can conduct a comprehensive container audit, visualize container set up, delete or clone specific elements.
In addition to testing set up via GTM, it is worth double-checking it in other tools. For example, if you configure tracking for Google Analytics 4, use its DebugView. For manual real-time configuration check and troubleshoot use Tag Assistant. This way you can be sure that the tracking you've configured works smoothly.
If you are using Stape, you can also try our Monitoring feature. With its help, you can easily monitor your GTM setup, as when developers update the website, some actions can negatively affect data tracking or break it.
Reading data can be tricky, and navigating the preview can become overwhelming in large containers with multiple active tags. To make a GTM preview navigation more manageable, use browser extensions such as Stape GTM Helper.
GTM Helper extension will allow you:
If you don't use server-side tracking instead of client-side tracking, switching to it is worth considering, especially in the age of data regulations and the need for greater control over the data to comply with them. This approach removes vendor code from the client and shifts processing from the client to the server.
Server-side tagging is highly flexible in setup and provides numerous benefits, including resistance to ad blockers and browser restrictions such as ITP, security, and data control.
In this article, we have listed tags that will work for web and server GTM container. They will be enough to track the different platforms' performance and on-site behaviour. By using best practices such as structured naming conventions, reducing the number of Custom HTML tags, prioritizing tag sequencing, and implementing server-side tracking, businesses can maintain a well-organized and high-performing GTM setup that doesn't affect website performance. Additionally, server-side tracking provides improved data control and security. Regular audits and performance monitoring with GTM Tools ensure efficient data tracking configuration.
Stape has lots of tags for server GTM! Click on Try for free to register and check them all.
Comments