%201.svg)
GTM Mixer
GTM Configuration Tool
Discover how NerdHeadz developed GTM Mixer, a GTM configuration tool designed to simplify customization and management for users with minimal technical expertise.
.png)
The Challenge
Managing Google Tag Manager (GTM) configurations was a complex and error-prone task for GTM Mixer’s team.
What they needed was clear
A simpler, more efficient way to manage configurations.
An automated tool that worked for both technical and non-technical users.
.svg){kind=icon}
They faced challenges like
- Time-consuming manual work: Adjusting JSON files required technical expertise and often led to inconsistencies.
- Risk of human error: The manual process made setups prone to mistakes, slowing down workflows.
.svg){kind=logo}
The challenge wasn’t just solving the problem but creating a solution flexible enough to handle complex conditions while remaining easy for anyone to use.
That’s where we stepped in.
%20(1).png)
The Idea
GTM Mixer imagined a smarter, more user-friendly way to manage Google Tag Manager (GTM) configurations.
To achieve this, the project focused on three main objectives
Simplify GTM configuration
Reduce the complexity of handling JSON files for all users.
Automate processes
Build an intelligent system that updates files using user-defined rules.
Improve UX
Design an interface that feels intuitive and easy to use.
The vision was brought to life through features such as
Automated JSON processing
Predefined rules organized and updated files automatically, saving time and reducing errors.
Custom rule modifications
Enabled precise changes based on specific conditions.
The Solution
Creating a solution for GTM Mixer meant focusing on functionality, ease of use, and adaptability. We broke the process into clear phases to ensure thorough execution.
Here’s how we did it
Planning & Design (Weeks 1-4)
- Defined core features like JSON automation and rule-based logic.
- Built prototypes for the JSON parser and automation framework.
Development & UI Implementation (Weeks 5-8)
- Built backend logic using Bubble.io and JavaScript.
- Developed a user-friendly interface with React.js/Vue.js.
- Integrated error detection for consistent results.
Testing & Launch (Weeks 9-12)
- Conducted rigorous testing to ensure accuracy and performance.
- Released the MVP for client feedback and made improvements based on input.
We use the following technologies
- Bubble.io for backend functionality.
- JavaScript for rule-based JSON management.
- React.js/Vue.js for a responsive interface.
%20(1).png)
The final tool perfectly aligned with GTM Mixer’s goals: handling complex tasks while remaining intuitive for all users.
James Quirk
Director of Marketing, Truckin88
.png)
Our Roles
Wire-Framing & Design
Maria Kulkina
Project Manager
Katerina Skumen
Custom Software Development
Illia Natarov
QA
Vadim Nikolaev
.svg)
%201.png)
%201.png)