Add Google Tag Manager to MailerLite: Unlock Advanced Tracking for Your Landing Pages

MailerLite is a fantastic tool for marketers, offering a simple and intuitive way to create beautiful, high-converting landing pages and sites. But if you're a performance marketer running paid campaigns on platforms like Meta, Google, or LinkedIn, you know that reliable attribution and conversion tracking are non-negotiable. This is often where MailerLite's native analytics fall short.

The challenge is that the correct way to add GTM to MailerLite isn't immediately obvious, and the best method depends on your MailerLite subscription plan. There's an recommended way for paid users and a simple workaround for those on the free plan.

In this step-by-step tutorial, we'll cut through the confusion. We'll show you two simple and effective methods to fully integrate Google Tag Manager with your MailerLite landing pages or site:

• The recommended method for "Advanced" plan users.

• An easy workaround that works perfectly for "Free" plan users.

Both methods will give you a robust tracking foundation, ready to measure the true performance of your marketing funnels. Let's get started.

Before we dive into the "how", let's quickly cover the "why." While MailerLite provides basic analytics, integrating Google Tag Manager elevates your landing page from a simple online brochure into a professional-grade, fully measurable marketing asset.

For a performance marketer, this isn't just a nice-to-have, it's essential for proving ROI and optimizing campaigns. Here's what GTM unlocks for you on MailerLite:

• Centralized Tag Management. Stop juggling individual code snippets for every marketing tool. With GTM, you install one script (the GTM container) on your MailerLite page. Then, you can deploy and manage all your other tracking tags—like the Meta Pixel, Google Analytics 4, LinkedIn Insight Tag, and more—from the user-friendly GTM interface.

• Advanced Conversion Tracking. Go beyond simple page views. GTM allows you to track the specific actions that matter most on a landing page, such as form submissions and clicks on your main call-to-action buttons. This gives you a true understanding of how your page is performing.

• Reliable Ad Campaign Attribution. To optimize your ad spend, you need to send conversion data back to your ad platforms. GTM is the bridge that allows you to reliably tell Meta, Google, and LinkedIn when a conversion happens on your MailerLite page, enabling better ad targeting and more accurate performance reporting.

• Future-Proofing Your Tracking. Want to add a heatmap tool like Hotjar or test out the new TikTok Pixel next month? With GTM in place, you won't need to touch your MailerLite page again. You can add, edit, or remove any tracking tag directly within GTM, giving you complete agility.

In short, integrating GTM gives you the robust data and control needed to make informed decisions and scale your marketing efforts effectively.

This is a straightforward process, but before we dive in, please make sure you have the following two items ready to go:

1. A MailerLite Account. You will need access to a MailerLite account that has a published landing page or website ready for editing.
2. A Google Tag Manager Account. You should already have a GTM account and a container set up for your website. This guide assumes your GTM container is already created.

With those two accounts at your fingertips, you're all set to begin the integration.

The first step is to grab the installation code from your Google Tag Manager container. GTM provides two separate snippets of code that are designed to be placed in different parts of your website's HTML. We'll need both of these for the next step.

Here's how to find them:

Log in to your Google Tag Manager account and select your container.

In the top menu bar click on your Container ID. This will open a pop-up window titled "Install Google Tag Manager".

Inside this window, you will see two boxes of code:

• The first is the main JavaScript snippet, which Google recommends placing in the <head> of your page.

• The second is a <noscript> snippet, which Google recommends placing immediately after the opening <body> tag. This acts as a fallback for users who have JavaScript disabled.

Keep this browser tab open or copy both snippets to a text editor. You'll need them in the very next step as we move into MailerLite.

The integration method depends on your MailerLite subscription. We'll start with the recommended method for those on a paid "Advanced" plan, and then cover a universal workaround that works for "Free" plan users (and is just as effective).

If you are on MailerLite's "Advanced" plan, you have access to direct code injection features. This is the cleanest way to install GTM because it allows you to place the code snippets exactly where Google recommends them: one in the <head> and one right after the <body> tag.

Here's how to do it:

Open your Landing page or Site.

Scroll down and click on "Edit settings" (below the preview image).

In the "Settings" section click on the "Analytics and custom code" tab.

Locate the field labeled "Header code injection". Paste the first GTM code snippet (the one you copied from the top box in GTM) into this field.

Locate the field labeled "Page code injection". Paste the second GTM code snippet (the <noscript> one from the bottom box in GTM) into this field.

Click the "Save and continue" button.

Remember to re-publish or update your landing page for these changes to go live. Sometimes you have to edit site design to re-publish the changes.

That's it! Your GTM container is now officially installed in the recommended locations.

If you're on MailerLite's Free plan, you won't have access to the "Custom Code" injection fields. But don't worry — you can get your Google Tag Manager container up and running perfectly using a "Custom HTML" block.

A Quick Note on Placement.
Google recommends placing the main GTM script in the <head> of a site for the fastest possible loading. Since the Free plan doesn't allow access to the <head>, we'll place it in the body. For tracking conversions and user behavior, this is a very common and perfectly functional implementation. Your tracking will work reliably.

Here’s how to set it up:

Navigate to your landing page or site and open the drag-and-drop editor.

From the sidebar, find and click the "Elements" tab. Drag a one-column element to the very top of your page layout.

This block won't be visible to your site visitors, you will only see it in the editor.

Remove block spacing by dragging the green controllers so this new block won't push down your main content.

Next, from the "Elements" tab again, drag a "Code" block inside the one-column element you just added.

Paste BOTH GTM Snippets.

Your code inside the block should look like this:

<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXXX');
</script>

<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>

Replace GTM-XXXXXXXX with your actual GTM ID.

It's important to click the "Save" button at the bottom of the code element. Otherwise, your changes will not be saved.

Finally, Save and Publish your changes.

Your Google Tag Manager container is now installed and ready to work. While the implementation is different from the paid plan, the end result is the same: a fully functional GTM setup on your MailerLite page.

After adding the GTM snippets to your MailerLite page, the next step is to verify that everything is correctly connected. This is arguably the most important part of the process — confirming the connection now ensures a solid foundation for all your future tracking and will save you from major headaches later. We'll use Google Tag Manager's powerful Preview Mode to make sure everything is working as expected.

Important: Disable Ad Blockers During Testing!

Many ad blocker browser extensions will prevent the Meta Pixel (and sometimes GTM Preview itself) from loading. To ensure your testing is accurate, please temporarily disable your ad blocker(s).

In your GTM workspace (where you just saved your tag), look for the "Preview" button in the top right corner. Click it.

A new browser tab or window will open for the Tag Assistant. You'll be asked to enter your website's URL. Enter the full URL and click "Connect".

Your website should open in a new browser tab with a "Tag Assistant Connected" badge displayed, usually in the bottom right corner. The Tag Assistant tab you opened initially will now show debugging information.

Go back to the Tag Assistant tab that opened when you clicked "Preview".

In the left-hand summary panel, you should see several events like "Consent Initialization," "Initialization," and "Container Loaded."

The presence of the "Container Loaded" event is your proof of success! It confirms that your MailerLite page is successfully communicating with your GTM container.

Congratulations! With your Google Tag Manager container successfully installed and verified on MailerLite, you've built the foundation for a professional-grade tracking setup. The real power of GTM is unlocked now, as you can begin adding tags without ever touching your MailerLite page again.

Here are a few common and high-impact next steps to take:

Install Your Base Tracking Tags.
The first thing to do is add the main tracking snippets for your most important platforms. The Meta Pixel is a perfect place to start, as it's essential for tracking ad performance and building audiences. You can now follow our beginner-friendly guide to deploy it via your new GTM setup: Meta Pixel (Facebook Pixel) & GTM Setup: A Simple Guide for Beginners

Set Up Form Submission Tracking.
Since most MailerLite pages are designed to capture leads, tracking form submissions is critical. This is the key conversion event you need to measure to prove the ROI of your landing page and ad campaigns. Our comprehensive guide walks you through the entire process for both GA4 and the Meta Pixel: The Ultimate Guide to Form Conversion Tracking (for GA4 & Meta Pixel)

Track Important Button Clicks.
What about tracking clicks on your main call-to-action button, social media links, or other important elements that aren't form submissions? GTM's built-in auto-event tracking makes this easy. We covered this in detail in our recent article: Google Tag Manager Auto-Event Tracking for Meta Pixel Events

These are just the starting points. From here, you can add any tag you need — Google Analytics 4, the LinkedIn Insight Tag, Hotjar, and more. All from the comfort of your GTM dashboard.

Adding Google Tag Manager to MailerLite is a game-changing step for any performance marketer. It bridges the gap between MailerLite's user-friendly landing page builder and the robust, data-driven world of professional conversion tracking.

Throughout this guide, we've shown you that regardless of your subscription plan, a full GTM integration is within your reach. Whether you used the recommended "Custom Code" feature available on the "Advanced" plan or the versatile "Custom HTML" block method for the "Free" plan, the end result is the same: a powerful tracking container now active on your page.

You are no longer limited by native analytics. You now have the power to accurately measure form submissions, track button clicks, and send reliable conversion data to all your ad platforms. This is the foundation for optimizing your campaigns, proving your ROI, and making truly data-informed marketing decisions.

Leave a comment

The email address you provide will not be published. It will be used to notify you of any replies.