Graphed LogoGraphed
Graphed LogoGraphed
FeaturesUse CasesIntegrationsPricing

Where to Implement Google Analytics Code?

Cody Schneider••9 min read

Placing your Google Analytics tracking code on your website is the crucial first step to understanding how visitors find and interact with your content. This small piece of JavaScript is the bridge that sends valuable data from your site directly to your GA reports. We'll show you exactly where this code needs to go and the best ways to get it there, whether you're using WordPress, Shopify, or plain HTML.

GraphedGraphed

Still Building Reports Manually?

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

Watch Graphed demo video

What Exactly is the Google Analytics Tracking Code?

The Google Analytics tracking code, now commonly referred to as the Google tag or simply "gtag.js," is a snippet of JavaScript that you install on every page of your website. Its job is simple but powerful: whenever a user lands on a page, this script activates. It collects anonymous information about the visitor and their session - such as what page they're on, their geographic location, and what device they're using - and sends it all back to your Google Analytics 4 property.

In the past, you may have used the analytics.js library for Universal Analytics (UA), but GA4 is the current standard. Today, you'll be working exclusively with the gtag.js script. It's designed to be more flexible and better equipped to handle modern measurement needs across websites and apps.

A typical GA4 Google tag looks something like this:

<!-- 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>

That G-XXXXXXXXXX part is your unique Measurement ID, which tells Google which specific account and property to send the data to.

GraphedGraphed

Still Building Reports Manually?

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

Watch Graphed demo video

Finding Your GA4 Tracking Code

Before you can install the code, you need to find it. Thankfully, Google makes this pretty straightforward. If you've already set up your GA4 property, follow these steps to locate your global site tag:

  1. Log into your Google Analytics account.
  2. Click on the Admin gear icon in the bottom-left corner of the screen.
  3. In the Property column, ensure you have the correct GA4 property selected.
  4. Click on Data Streams and then select your web data stream from the list. If you don't have one, you'll need to create it first by clicking "Add stream" and choosing "Web."
  5. At the bottom of the Web stream details card, click on View tag instructions.
  6. A new screen will pop up. Select the Install manually tab.
  7. You'll now see the full JavaScript snippet, ready to be copied. This is the code you need to add to your website.

The Best Spot: Always in the <head> Element

So, where does this block of code actually go? The single most important rule is to place your Google Analytics tracking code within the <head> section of your website’s HTML.

You should paste it immediately after the opening <head> tag, or at least before the closing </head> tag, on every single page of your site.

Here’s why this location is universally recommended:

  • It Loads First: The <head> element is one of the first things a web browser reads and processes when a page is loading. Placing the script here ensures that it is loaded and ready to execute as quickly as possible. This is vital for accurately tracking visitors, even those who might leave your site before the page finishes loading completely. If the script were placed at the bottom of the page (in the footer), you could miss tracking users with slower connections or who "bounce" quickly.
  • Site-Wide Coverage: The <head> section is a standard part of every webpage's structure. By placing the tag here through a template file (like header.php in WordPress) or a code injection setting, you guarantee that tracking is consistently applied across your entire website. Without it on every page, you'll have massive holes in your user journey data.

In a basic HTML file, it would look like this:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>My Awesome Website</title>
    <!-- Put your other head tags here -->

    <!-- 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>
  </head>
  <body>
    <!-- Your page content goes here -->
  </body>
</html>

Installation Methods: From Easiest to Manual Control

How you add the code depends heavily on the platform your website is built on. Here are the most common methods, starting with the safest and simplest options.

GraphedGraphed

Still Building Reports Manually?

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

Watch Graphed demo video

1. Using Your Platform’s Built-In Integration (Easiest)

Most modern website builders and e-commerce platforms have a dedicated and simplified way to add Google Analytics. This is almost always the best option because you don't have to touch any code directly. You just need your Measurement ID (e.g., G-XXXXXXXXXX).

For Shopify Users

Shopify makes this incredibly simple:

  1. From your Shopify Admin dashboard, go to Online Store > Preferences.
  2. Scroll down to the Google Analytics section.
  3. Paste just your Measurement ID (not the entire script) into the designated box.
  4. Click Save. You're done! Shopify will handle placing the tag correctly in your theme.

For Squarespace & Wix Users

These platforms offer similar, user-friendly integrations:

  • In Squarespace: Navigate to Settings > Advanced > External API Keys. Paste your Measurement ID into the "Google Analytics Measurement ID" field.
  • In Wix: Go to Marketing & SEO > Marketing Integrations. Under Google Analytics, click "Connect" and follow the prompts to paste your ID.

2. Using a Plugin for WordPress (Recommended for Most)

For WordPress users, the safest and easiest route is a plugin. This prevents you from making coding errors that could break your site and ensures your tracking code isn't deleted when you update your theme.

Recommended Plugins:

  • Site Kit by Google: Google's official plugin. It links your whole site to Search Console, Analytics, and AdSense with a simple setup wizard.
  • MonsterInsights: A very popular and powerful plugin focused specifically on making Analytics easy to understand right from your WordPress dashboard.
  • GA Google Analytics: A lightweight and simple plugin that just does one thing: adds the tracking code to your site.

General Steps:

  1. From your WordPress dashboard, go to Plugins > Add New.
  2. Search for your chosen plugin, click Install Now, and then Activate.
  3. Follow the setup instructions for the plugin, which will typically involve authenticating with your Google account or simply pasting in your Measurement ID.

3. Using Google Tag Manager (The Advanced & Flexible Method)

Google Tag Manager (GTM) is a free tool that acts as a middleman for all your tracking scripts (or "tags"). Instead of adding scripts one by one to your site, you add a single GTM container script. Then, from the GTM interface, you can add, edit, and manage all your tags - like GA4, Facebook Pixel, and others - without ever touching your website's code again.

This is the preferred method for anyone who anticipates needing more than just basic GA4 tracking in the future.

Steps to Add GA4 via GTM:

  1. If you don't already have one, create a Google Tag Manager account and a GTM container for your website at https://tagmanager.google.com/.
  2. GTM will give you two code snippets. Just like the GA4 gtag, one goes high in the <head> and the other goes after the opening <body> tag. You need to add these GTM snippets to your website one time.
  3. Inside GTM, go to Tags > New.
  4. For Tag Configuration, choose Google Analytics: GA4 Configuration.
  5. In the Measurement ID field, paste your GA4 ID (G-XXXXXXXXXX).
  6. For Triggering, select All Pages. This tells GTM to fire the GA4 tag on every page load.
  7. Save your tag, then click Submit and Publish in GTM's main dashboard to make your changes live.

4. Manually Adding the Code to Theme Files (Use with Caution)

This method involves editing your website code directly. Be careful: one small mistake can take down your entire website. Always take a backup before editing core files. This is generally reserved for custom-built sites or developers.

For WordPress Theme Files (header.php):

  1. From your WordPress dashboard, go to Appearance > Theme File Editor.
  2. On the right side, find and click on the file named header.php.
  3. Find the opening <head> tag.
  4. Paste your entire Google Analytics snippet just below that tag.
  5. Click Update File.

Warning: Your changes may be erased the next time you update your theme. A child theme is the proper but more advanced way to avoid this.

GraphedGraphed

Still Building Reports Manually?

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

Watch Graphed demo video

How to Check if Google Analytics is Working

After adding the code, you need to verify it's firing correctly. Don't just hope it's working, test it!

1. The Realtime Report

This is the quickest way to check. In your Google Analytics account, navigate to Reports > Realtime. In a separate browser tab, visit your website. Within a minute or two, you should see yourself appear as a new user on the report. If a visit shows up, your tracking is active.

2. Google Tag Assistant

Install the free Google Tag Assistant Legacy extension for Chrome. Go to your website, enable the extension, and reload the page. The extension will show a list of all Google tags found. If you see your Google Analytics tag with a green or blue icon, it’s working correctly. A red icon indicates a problem with the implementation.

Final Thoughts

In short, the Google Analytics tracking code belongs within the <head> tags of every page you want to track. While you can add it manually, using a platform's built-in tool, a WordPress plugin, or Google Tag Manager will make the process much smoother and safer, ensuring you collect clean and consistent website data from day one.

Once your Google Analytics tracking is properly implemented, your reports will quickly fill with valuable data. But turning that data into clear, actionable insights can be time-consuming. Instead of battling with complex GA4 reports, we simplify analytics. With Graphed, you can connect your data sources and tell us what you want to see using everyday language. We instantly build real-time dashboards that help you understand your performance, so you can spend less time pulling reports and more time growing your business.

Related Articles