Bulcode

Share this article:

Blog
Aug 30, 20233 min read

Mastering Google Tag Manager (GTM): Your comprehensive guide to installation, testing, and tag management

Darin Nikolov

UX/UI Expert

Mastering Google Tag Manager (GTM): Your comprehensive guide to installation, testing, and tag management

Introduction to GTM

Google Tag Manager is a tag management system (TMS) that lets you easily and quickly change the tags on your website or mobile app. Tags are measurement codes and related code fragments that work together. It is very flexible if you want to keep all of your tags in one place or if you want to use analysis tools that Google doesn't support.

 

Installation

The installation process is quite easy with GTM. You will need to first create a GTM account using ‘’Create Account’’. Once the initial setup is complete, in order to connect GTM with GA4, you will need to go to Admin > Install Google Tag Manager. From there, you will see instructions on how to install GTM using a tag that should be placed at the backend of your website pages. Note that if you have a GA4-generated Global Site Tag (gtag.js) already added to your website pages, it is suggested to be replaced with the GTM tag.

After setting up the GTM installation tag on your website pages, go to Workspace and click on the New Tag option, or Tags > New. From there, choose Tag Configuration > Google Analytics: GA4 Configuration. A new slide window will appear where you will need to add a Measurement ID. You can find the ID in your GA4 panel, just go to GA4 > Admin > Data Streams > select the desired stream > Measurement ID. Copy and paste the ID on the GTM Tag configuration wizard. Once done, click on Triggering and select the All Pages option. After that, you are pretty much done with the setup.

 

Testing

After the setup, the only thing to do is to test if the GA4 configuration tag is properly set. To do that, click on the Preview button located at the top right corner of your Workspace section. A new page called tagassistant.google.com/etc. with a popup will appear where you will need to insert the URL of your website and click on Connect. Your webpage should load in a new window and if you see a notification at the bottom left with the notice ‘’Tag Assistant Connected’’ it means the first check has passed. The next check is to go back to the tagassistant page and check on Summary if it states whether Google Tag has been found. If things are looking well go back to your GTM panel and click on Submit. Mind that it may take 12-24 hours for the change to fully propagate.

 

What are Tags, Triggers and Events?

Tags are snippets of code that allows you to track certain actions happening on your website. The actions are usually measured in events, so it can be said that we create tags to track events. While triggers are conditions that enables the tags to fire.

You can set your tags from the Workspace tab on your GTM panel by clicking on new. You will be given the option to add a Tag Configuration and add Triggering. Triggering can be done through the certain mentioned path or individually from Worspace > Trigger.

When selecting Tag Configuration, you have numerous options to choose from. All of which are basically events that you wish to follow on your website. Selecting the Triggering option will give you the option to choose the trigger type and where and how you want it to fire.

Share this article:

Related Blog Articles

    A comprehensive guide to Google Analytics 4 (GA4): Features, setup, and benefits.

    Blog

    A comprehensive guide to Google Analytics 4 (GA4): Features, setup, and benefits.

    Uncover the potential of Google Analytics 4 (GA4) in this comprehensive guide. Learn how GA4 revolutionises web analytics, offers advanced insights through event-based tracking and machine learning, and seamlessly integrates with marketing platforms. Explore the benefits, setup process, and key features of GA4 to optimise your website's performance and stay ahead in the digital landscape.

    Written by Darin Nikolov
    Aug 08, 20239 min read
    5 key benefits of digital transformation for your business

    Blog

    5 key benefits of digital transformation for your business

    What is digital transformation and what makes it so important nowadays?

    Written by Svetoslava Angelova
    Mar 02, 20223 min read
    AI in service of democracy: how we built zakogo.com

    Blog

    AI in service of democracy: how we built zakogo.com

    The story behind zakogo.com — a free, non-commercial platform helping Bulgarian voters compare party platforms ahead of the April 19 elections.

    Written by Vasil Boychev
    Apr 14, 20263 min read
    Why startups hesitate to work with a bespoke software development agency – and how we address every concern

    Blog

    Why startups hesitate to work with a bespoke software development agency – and how we address every concern

    Startups often hesitate to work with software agencies due to concerns over cost, control, and flexibility. Discover how Bulcode’s bespoke software solutions address each challenge, ensuring growth and agility.

    Written by Svetoslava Angelova
    Nov 05, 20245 min read
    Navigating IT staff augmentation: Addressing the challenges head-on

    Blog

    Navigating IT staff augmentation: Addressing the challenges head-on

    Explore the complexities of IT staff augmentation, from tackling skill shortages to fostering effective communication across diverse teams. Discover strategic solutions to enhance integration, bridge skill gaps, and align projects with overarching business objectives.

    Written by Mihail Shahov
    Mar 18, 20245 min read
    Building a high-performing Agile team: Our proven approach

    Blog

    Building a high-performing Agile team: Our proven approach

    Discover how we build high-performing Agile teams by defining clear roles, fostering collaboration, and using flexible tools.

    Written by Svetoslava Angelova
    Aug 27, 20248 min read
    Single Directory Components in Drupal core: A comprehensive overview

    Blog

    Single Directory Components in Drupal core: A comprehensive overview

    Explore how Single Directory Components (SDC) in Drupal Core streamline the development process by encapsulating component-related files into a single directory. Learn about the benefits of SDCs and follow a step-by-step guide to implement them in your Drupal projects.

    Written by Nikolay Tsekov
    Aug 07, 20244 min read
    Drupal 11: What to expect? Comprehensive guide to new features and enhancements

    Blog

    Drupal 11: What to expect? Comprehensive guide to new features and enhancements

    Drupal 11 is out! In this article, discover it's exciting features and improvements. Upgrade now to redefine your digital strategy with Bulcode's expert support.

    Written by Svetoslava Angelova
    Aug 05, 20247 min read
    Controlled Agile: Striking the perfect balance in hybrid project management

    Blog

    Controlled Agile: Striking the perfect balance in hybrid project management

    Controlled Agile, a fusion of traditional project management and agile methodologies, emerges as a pivotal strategy in software development, balancing predictability and adaptability.

    Written by Mihail Shahov
    Mar 19, 20247 min read
    Unveiling the power duo: Next.js as the Headless frontend of Drupal 10

    Blog

    Unveiling the power duo: Next.js as the Headless frontend of Drupal 10

    Discover the dynamic synergy between Drupal 10 and Next.js, as this powerful combination reshapes the landscape of web development. Next.js, an open-source React-based framework, is seamlessly integrated as the headless frontend of Drupal 10, offering a plethora of benefits. From enhanced performance with features like automatic code splitting and server-side rendering to flexible design and SEO-friendly capabilities, this collaboration empowers developers to create high-performing, scalable, and visually appealing web applications. The efficient content management of Drupal 10 coupled with Next.js' adaptability to trends ensures a cutting-edge development approach, positioning this tandem at the forefront of modern web development practices. Embrace the future with the Drupal 10 and Next.js combination, redefining how we approach and craft dynamic online experiences.

    Written by Todor Kolev
    Feb 07, 20245 min read
     Exploring the Drupal community: Resources, support, and documentation

    Blog

    Exploring the Drupal community: Resources, support, and documentation

    Discover the vibrant Drupal community and unlock the potential of this powerful CMS! Explore invaluable resources, support forums, modules, and comprehensive documentation. Join a worldwide network of web enthusiasts and embark on a journey of web development and innovation.

    Written by Svetoslava Angelova
    Nov 08, 20234 min read
    Plan your migration from Drupal 7 to Drupal 10

    Blog

    Plan your migration from Drupal 7 to Drupal 10

    Prepare for your Drupal 7 to 10 migration by following our step-by-step guide. Learn how to take inventory of your existing setup, prioritize migration tasks, evaluate module compatibility, and budget time and resources. Thorough testing and a solid rollback plan ensure a smooth transition. Get ready for a successful Drupal upgrade.

    Written by Nikolay Tsekov
    Oct 20, 20237 min read

    GET IN TOUCH

    Have a project you'd like to launch?