Your accountant needs website data, but you don‘t have a developer to install Google Analytics 4. Or you already have GA4 hard-coded, but every time you want to add an event you have to wait days for a developer. We know this story well. Here at Meteora Web, we see it every day: businesses stuck with manual tracking while online revenue slips away unmeasured.
The solution is Google Tag Manager (GTM). With GTM you can configure GA4, events, conversions, and any third-party tag without touching a single line of code. Just a container, a few clicks, and a verification. In this guide we’ll show you how, step by step, with real examples we use in our clients’ projects.
Why Use Google Tag Manager for GA4 Instead of Direct Code?
If you have a WordPress, Shopify, or Laravel site, adding GA4 directly in the theme works. But as soon as you need a second tool – Facebook pixel, remarketing snippet, call tracking – you have to modify the code every time. Result: long delays, errors, and sometimes two pieces of conflicting code that crash the site.
With GTM you centralise all tags in one interface. The GTM container loads once on your site; then you add, edit, or remove tags from the GTM dashboard without publishing new versions of the site. We use it to manage tracking for over 30 clients: every change goes live in minutes, no deployment needed.
Sponsored Protocol
GTM also offers built-in variables, smart triggers (clicks, scroll, form submission), and a debug mode that shows exactly which tags fire. For a small business it’s the perfect tool: free, powerful, and maintained by Google.
Concrete advantages over manual code
- No programming skills required – everything is configured visually.
- Real-time updates – publish a new container version and tags start immediately.
- Complex event tracking without a developer – button clicks, form submissions, scroll depth are set up with a few parameters.
- Fewer errors – GTM checks dependencies and warns you if a tag has issues.
How to Install GTM and Connect GA4 Without Code?
The first step is to create a Google Tag Manager account and a container for your site. Then you install that container on your site – and you do it only once. After that, everything else is configured from GTM.
Step 1: Create the GTM container
- Go to tagmanager.google.com and sign in with your Google account.
- Click “Create Account” (if you don’t have one) or “Create Container” in an existing account.
- Enter a container name (e.g., “My site – production”), select “Web” as the content type.
- Click “Create” – two code snippets appear: one for the
<head>and one right after<body>.
Note: This is the only time you need to touch your site‘s code. If you use WordPress, paste the snippet into your theme’s header.php or use a plugin like Insert Headers and Footers. For Shopify, go to Online Store > Themes > Edit code > theme.liquid. On Laravel or other frameworks, insert both snippets in the main layout. If in doubt, contact us – we do this for our clients in a few hours.
Sponsored Protocol
Step 2: Add GA4 as a tag in GTM
- From the GTM dashboard, click “New tag” in the Tags section.
- Give it a name like “GA4 – Basic Configuration”.
- Click on Tag Configuration and choose “Google Analytics: GA4 Config”.
- Enter your Measurement ID (find it in GA4: Admin > Data Streams > select your stream > copy the ID starting with “G-”).
- Under “Triggering”, click and choose “All Pages” (the default trigger for loading the tag on every page).
- Click “Save” and then “Submit” to publish the container.
That‘s it. GA4 is now receiving pageview data. Zero lines of code written. Verify by going to GA4 > Reports > Realtime – within 30 seconds you should see your visit.
Which GA4 Tags Should Every Small Business Set Up in GTM?
Pageviews are just the beginning. If you want to know what really works on your site, you need to track actions that generate value: button clicks, form submissions, purchases. With GTM you can add GA4 Event tags in a few clicks.
Sponsored Protocol
Basic event: button click “Request a quote”
- Create a new tag, name it “GA4 – Click Quote”.
- Choose “Google Analytics: GA4 Event” as tag configuration.
- Enter the event name:
click_quote. - Optionally add parameters like
event_category = buttonandevent_label = {{Click URL}}to know which page the click came from. - Now set the trigger: click the Trigger icon and choose “New”.
- Name it “Click on Quote button”.
- Choose trigger “Click” and type “All Elements”.
- Select “Some Clicks” and set condition:
Click Textcontains “Quote” (adjust to your button‘s text). - Save the trigger, then save the tag, and publish the container.
Now every time a user clicks on the button containing “Quote”, GA4 logs the event. You can view it in GA4 under Events or create a report.
Form submission tracking
To track form submissions without code, use the “Form Submission” trigger.
- Create a new GA4 Event tag with name
form_submitted. - Set the trigger: choose “Form Submission” and configure “Some Submissions” with condition
Form IDequals “contact-form” (or your form‘s ID/class). - Save and publish.
No JavaScript. GTM automatically intercepts the browser’s submit event.
How to Test Your Tracking Before Publishing?
One of the most common mistakes is publishing tags without verification. GTM has a powerful preview mode.
Sponsored Protocol
- Before publishing, click “Preview” at the top right in GTM.
- A new tab opens. Enter your site’s URL and click “Connect”.
- You’ll see a bar at the bottom showing which tags fire on each page and each interaction.
- Perform the actions you want to track (click the button, submit the form) and check that the tags appear in the preview console.
- If they don’t fire, check your triggers: often the selector is too narrow or conflicts with other tags.
- Once everything works, click “Publish” to make the container live.
We always use preview before every publication. It has saved us from dozens of errors, like a trigger that captured all clicks instead of just the button.
GA4 and GTM: What to Do If You Don’t See Data?
It happens. Especially on sites with aggressive cache or cookie consent. Here are the three most common causes and how to fix them from GTM:
- The container isn’t loaded: check the page source for the GTM snippet. WordPress cache plugins sometimes remove scripts. Exclude the GTM path from caching.
- The Measurement ID is wrong: verify it starts with “G-” and not “UA-” (Universal Analytics).
- Blocked by a cookie banner: if the banner requires consent, you must integrate GTM with a Consent Management Platform (CMP). We use Cookiebot or Complianz: in GTM create a “Consent State” variable and use it as a condition in your triggers. But that’s a deeper topic – you’ll find it in our pillar guide on GA4.
In Summary: Your Action Checklist
If you’ve followed this far, you have everything you need to implement GA4 with GTM without writing code. Here are the concrete actions to take right now:
Sponsored Protocol
- Create your GTM account and install the container on your site. Once it’s in the code, you never touch it again.
- Add the GA4 Config tag with your Measurement ID and trigger “All Pages”.
- Add at least one useful event (button click, form submission) following the steps above.
- Test with Preview before publishing.
- Check the data in GA4 in real-time and in reports after 24 hours.
Remember: a website is measured in revenue, not compliments. If you don’t track conversions, you don’t know if your site is working for you or against you. Here at Meteora Web, we’ve been helping Italian SMEs with this since 2017. If you need a hand, we start with one question: how much does it cost and how much does it return? Everything else comes after.
For a complete deep-dive into GA4, from configuration to advanced reporting, read our pillar guide on Google Analytics 4.
