How to add Google Analytics 4 to Weebly

Here's a step-by-step tutorial on how to add Google Analytics 4 or any other tracking codes in Weebly.

In this guide, we'll go over:

• Where to get your Google Analytics code
• How to add Google Analytics code in Weebly
• Best practices for adding other third party tracking codes in Weebly

You will be able to successfully implement Google Analytics code in Weebly by the end of this tutorial.

Let's dive right in.

Where to find your Google Analytics tracking code

First, login to your Google Analytics account.

This step assumes you have created a Google Analytics Property for your site, if not then follow Google's documentation here.

In your Analytics dashboard, select Admin.

Then in your Admin dashboard, select Tracking Info ➞ Tracking Code.

Can't locate the Tracking Code?

Does your admin dashboard look different? There's a good chance you're using Google Analytics 4.

Skip ahead to retrieve the tracking code from Google Analytics 4.

Copy the highlighted code.

Important: Make sure you copy the entire tracking code which is about 8-9 lines of code.

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

  gtag('config', 'XXXXXXXXXX');
</script>

Now head over to the next section to add the tracking code to your Weebly account.

Get tracking code from Google Analytics 4

In your Analytics dashboard, select Admin.

Then in your Admin dashboard, select Data Streams.

Select your website.

Expand the drop down menu for Global Site Tag.

You will then see your Google Analytics tracking code. Click the Copy icon.

Now head over to your Weebly account.

Adding Google Analytics code to Weebly

First login to your Weebly account. Make sure you select the correct website and click Edit Site.

Head over to the Settings page.

Then click on the SEO tab.

The SEO tab is where you add tracking codes such as Google Analytics, Facebook Pixel, or any other third party code.

You can also hide your Weebly website from Google search and redirect any of the pages within the SEO settings page.

Add the Google Analytics code under Footer Code and click Save.

Publish the website to make the changes live.

That's it! You should see some user data in your Analytic dashboard after 24 hours.

Adding any third party tracking code in Weebly

You're not limited to adding Google Analytics code in Weebly. You can add other popular codes too, such as Facebook or Google Pixel, Google Webmaster tool verification code, heatmap tracking tracking code, etc.

Just make sure you're adding the code right after one another:

//Adding multiple tracking codes 

<script>
	Google Analytics Code
</script>

<script>
	Facebook Pixel
</script>

<script>
	Other third party codes
</script>

Note: Each tracking code is enclosed by the script tag (<script> ... </script>).

Adding tracking code in the Header vs Footer

You will notice there are 2 areas in which you can add the Google Analytics Code (or any other tracking codes for that matter):

1. Header
2. The Footer

Adding code the in the header means the tracking code will sit at the top of the page.

The benefit of adding the code at the top of page means your tracking code will load first when a user visits the page.

It's recommended that you add important tracking codes at the top of page (Header) when you're tracking important metrics such as tracking ad revenue from Facebook or Google Pixel.

However, adding the tracking code at the top of page could also potentially increases the page loading time and make the user experience worse. This is something to consider when you're adding tracking codes you're not familiar with.

Conversely, adding tracking code at the bottom of the page (Footer) means the tracking code will load after the page is shown to the user, which is what users usually prefer.

It's recommended to place non-critical tracking code at the bottom of the page instead.

Related articles:

• Wix vs Weebly vs Squarespace vs Wordpress (A detailed comparison)
• How to change font in Weebly
• How to delete a Weebly site
• How to create a sub page in Weebly

David Nge

David is the founder of MakingThatWebsite.com and started making websites for businesses back in 2014. He's a keen learner and wants to share his journey and knowledge with other business owners and freelancers. He launched MakingThatWebsite.com in 2021 to make website building more approachable and scalable for businesses.

Have a tutorial you want to learn? Leave a suggestion here.