What Does a Google Analytics 4 Tag Look Like?

Thinking about a GA4 tag can feel a bit abstract until you actually see the code itself. Essentially, the GA4 tag is a small piece of JavaScript, also known as the Google tag (gtag.js), that you place on your website. Once installed, it collects data about how users interact with your site and sends it to your Google Analytics 4 property. This article will show you exactly what that code looks like, break down what each line does, and explain how to find and install it on your site.

Graphed

Still Building Reports Manually?

Watch how growth teams are getting answers in seconds — not days.

Watch the Demo

So, What Exactly Is a GA4 Tag?

The GA4 tag is the bridge between your website and your Google Analytics account. When a visitor lands on your site, this code activates, capturing valuable information. It's an evolution from the old Universal Analytics analytics.js library, built for a more event-driven and cross-platform world.

The core of this tag system is the Measurement ID. This is a unique identifier formatted as G-XXXXXXXXXX. It tells the Google tag exactly which Google Analytics 4 property and data stream to send the data to. Every website, iOS app, or Android app you track in GA4 will have its own unique data stream and Measurement ID.

This tag automatically tracks essential interactions like page views, scrolls, outbound link clicks, video engagement, and site search without any extra configuration. This is a huge step up from older versions of Analytics, where you had to manually set up tracking for most of these events.

How to Find Your GA4 Tag and Measurement ID

First things first, you need to know where to find this code snippet within your GA4 account. Thankfully, Google makes it pretty straightforward.

Graphed

Still Building Reports Manually?

Watch how growth teams are getting answers in seconds — not days.

Watch the Demo

Step 1: Go to Your GA4 Admin Panel

Log in to your Google Analytics account and navigate to the GA4 property you want to track. At the bottom-left of your screen, click on the gear icon labeled 'Admin'.

Step 2: Select 'Data Streams'

In the 'Admin' panel, you'll see a column for 'Property'. Under this column, click on 'Data Streams'. This is where you manage the sources of data flowing into your GA4 property.

Step 3: Choose Your Web Stream

You'll see a list of your data streams. If you're setting up a website, you should have one that says 'Web'. Click on it to open its details.

Step 4: Find 'View Tag Instructions'

In the 'Web stream details' page, you'll find your Measurement ID at the top right, prominently displayed (the G-XXXXXXXXXX number). To get the full code, scroll down to the section called 'Google tag' and click on 'View tag instructions'.

Step 5: Access the Code Snippet

This will open a new page with installation guides. Click on the 'Install manually' tab. Here, you will find the full JavaScript code snippet that you need to add to your website. This is your GA4 tag.

Breaking Down the GA4 Tag Code Snippet

Now that you've found it, let's look at the code itself. It might seem intimidating at first, but each line has a very clear purpose. Here's a typical GA4 tag:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [],
  function gtag(){dataLayer.push(arguments),}
  gtag('js', new Date()),

  gtag('config', 'G-XXXXXXXXXX'),
</script>

Let's dissect this piece by piece.

Graphed

Still Building Reports Manually?

Watch how growth teams are getting answers in seconds — not days.

Watch the Demo

<!-- Google tag (gtag.js) -->

This is a simple HTML comment. It doesn't execute any code. Its purpose is to help humans (like you or another developer) identify what this block of code is for when looking at your website's source code.

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>

This is the first critical piece. It instructs the browser to do a few things:

• <script ...>: This tag tells the browser to load a script.
• async: The async attribute is very important. It tells the browser to download the script in the background without pausing the rendering of your web page content. This ensures the tracking code won't slow down your website's perceived load time for the user.
• src="...": This points to the location of the core Google Tag library (gtag.js).
• ?id=G-XXXXXXXXXX: This is a query parameter that passes your unique Measurement ID to the script. This is how the library knows which GA4 property it belongs to. Remember to replace G-XXXXXXXXXX with your actual Measurement ID.

<script> ... </script>

This second block contains a few lines of JavaScript that initialize the tracking and configure it for your site.

• window.dataLayer = window.dataLayer || [], This line initializes the dataLayer. The dataLayer is a JavaScript array that acts as a temporary holding area for data. Your website pushes information into it, and the GA4 tag reads from it to get the data it needs to send to Google. This line checks if a dataLayer already exists, if not, it creates a new empty one.
• function gtag(){dataLayer.push(arguments),} This defines the gtag() function. It's a small helper function that provides an easy way to push commands and data onto the dataLayer.
• gtag('js', new Date()), This line pushes information indicating that gtag.js is an available resource, along with the current timestamp. It essentially sets the stage for the configuration that follows.
• gtag('config', 'G-XXXXXXXXXX'), This is the final and crucial configuration command. It tells the Google tag to process the events in the dataLayer and send them to the specific GA4 property identified by your Measurement ID. It also automatically triggers a page_view event by default when it loads on a page.

Ways to Install the GA4 Tag on Your Website

Knowing what the tag looks like is one thing, but getting it onto your website is the next step. You have three main options:

1. Manual Installation

This is the most direct method. You copy the entire code snippet from the "Install manually" tab in GA4 and paste it into the <head> section of every page on your website. This is a decent option for simple, static HTML websites, but it becomes difficult to manage if your site is large or frequently updated.

2. Content Management System (CMS) or Site Builder Plugin

Most modern website platforms have built-in integrations or plugins for Google Analytics.

• WordPress: You can use plugins like GADWP / SiteKit, MonsterInsights, or simply insert the script into your theme header.
• Shopify: There's a dedicated field in your Online Store preferences where you can paste the Google Analytics code snippet.
• Wix, Squarespace & others: These platforms typically have a marketing integrations area in their settings. You'll often only need to paste your Measurement ID (G-XXXXXXXXXX), and the platform handles inserting the full code in the right place.

This is the easiest method for non-developers, but it may offer less flexibility for customized event tracking.

Graphed

Still Building Reports Manually?

Watch how growth teams are getting answers in seconds — not days.

Watch the Demo

3. Google Tag Manager (GTM)

For most businesses, Google Tag Manager is a better and widely-used method. GTM is a free tool that acts as a container for all your marketing and analytics tags (not just Google's). Instead of putting a bunch of different tags on your site, you just put one GTM script on your site. Once GTM is installed, you use Tag Manager to handle everything inside its UI rather than touching the source code every time.

To do it this way, you would have to add a new GA4 Configuration Tag inside the Google Tag Manager and publish your changes. This is more of a scalable approach because it simplifies managing not only tracking but all of your martech code snippets.

How to Verify Your GA4 Tag is Working Properly

After installing the tag, don't just assume it works. Always verify it.

• GA4 Realtime Report: The easiest check - open your website in a new browser window, then go to your GA4 property and navigate to Reports > Realtime. You should see your own visit pop up within a minute or so.
• Google Tag Assistant: Use the legacy Google Tag Assistant companion to check on the tags found on a page and any possible issues it might have. Or download it for Chrome as a plugin called the Tag Assistant Companion.
• Browser Developer Tools: For a more technical check, open your browser's developer tools (usually by pressing F12 or right-clicking and selecting "Inspect"). Go to the 'Network' tab, reload your page, and filter for "collect". You should be able to see a network request sent to Google Analytics' servers that includes your Measurement ID.

Final Thoughts

The GA4 tag might seem cryptic at first, but when you look closely, you can see it’s a logically structured script designed to seamlessly connect your website's data collection needs to Google Analytics without hindering its core purposes. Taking a look under the hood and understanding each part demystifies the process, making all of us more confident and data-driven in the things we decide to act on for our websites' continued success.

Of course, successfully installing the GA4 tag is only the very first step. Pulling all that newly collected data and making it into actionable insights is a full-time job in itself for marketers and analysts. At Graphed, we're building a simple path. You can connect your Google Analytics account directly and use natural language prompts to ask questions and get charts in a matter of seconds. In fact, creating a dashboard comparing which traffic channels are driving the majority of the highest conversions you want literally only takes seconds with Graphed.