Google has recently (October 14, 2020) launched its next-generation Google Analytics version called Google Analytics 4. It was previously known as App + Web Property on the beta run.
What Google calls the “new” Analytics is now the default experience for new properties. The company will no longer be investing in the old version of GA (Universal Analytics).
In order to stay up-to-date with future improvements to GA, Google advises creating a new Google Analytics 4 property alongside your existing properties. Google is slowly rolling out the migration feature for the existing Universal Analytics (UA) properties. If the Upgrade to GA4 option is not available on your GA account, don’t be worried. Let us take you through how to create the new Google Analytics 4 property & implement on your website 🤝
If you don’t have Upgrade to GA4 enabled on your Google Analytics Account, that’s perfectly fine. Keep reading, we will guide you on how to get the new GA4 property even without this option.
If you got Upgrade to GA4 option enabled on your account, see How to upgrade to new Google Analytics 4 (GA4) Property. Once you manage to upgrade, come back here & continue from Step 09
In this step-by-step guide, you’ll learn how to;
- Create a new Google Analytics 4 property
- Connect your new GA4 property with your existing App+Web or gtag.js implementation
- Install the tracking code on your website
- Verify the new implementation is working properly by accessing the real-time report.
Create a new Google Analytics 4 property
Head over to the Google Analytics homepage & login with your Google account. If you’re a new Google Analytics user, you’ll be prompted to create an account & accept the end-user user agreement. Once the initial account set up is done, you may proceed to create the new Google Analytics 4 property.
Click on Admin > Create Account or select an existing account you wish to set up your new property > Click on Create Property
Select Apps and Web & press Continue.
As we mentioned above, the new Google Analytics 4 & Apps and web properties are the same. Google will eventually rename this 🤞
Give a name to your new property & select appropriate options from the drop downs & click on Create
Now you’ll get below screen. If not, click on the admin > select your new property > Data Streams & select Web
Enter your website URL & give a name (i,e My WordPress website, etc).
Enhanced measurement would be enabled by default. We would recommend you to keep this enabled to get the maximum benefit from your new GA property. We will cover more about Enhanced measurements & its benefits in our future blogs.
Click on the gear icon to select the features you would like to enable. Once done press Save & Create Stream
Now your stream is ready. At this point, you got 2 options;
- If you are already using an App+Web property or implemented GA with gtag.js, please continue with Step#06
- If you are a new GA user or an existing user with Universal Analytics installed or installing GA for the first time on your web site, you may directly go to Step #09
Connect your new GA4 with your existing App + Web property
Copy your Measurement ID
Click on Admin & go to your existing property & click on Tracking info > Tracking Code > Connected Site Tags
Enter/paste the Measurement ID you copied from Step #06. Give a nickname & press Connect
That’s it. No need to do anything on your WordPress site. Your existing setup would take care of the rest. Now skip to Step #11 to verify the implementation.
Installing tracking code on your webiste
New users or existing Universal Analytics users – let’s continue from where we stopped at Step #05. Click on Add new on-page Tag > Select Global Tag (gtag.js) > Copy the tracking code. Now it’s time to play around on your WordPress Dashboard.
We are using a WordPress site to demonstrate how to install the code. However, the approach is the same for any platform. Also, there are few methods you could use to implement Google Analytics on your WordPress site. Such as;
- Using Google Tag Manager
- Using a Google Analytics Plugin
- Using a plugin to insert the tracking code to your head section (here is a free plugin with 1 Million+ active installations)
- Your child theme’s header.php file etc. However, for simplicity purposes, we chose to utilize the Divi theme’s options panel for this blog post. However, it’s up to you to choose your preferred & feasible method to install the tracking code to the head section.
Note: For the simplicity purpose, we are not using any plugins or child themes & installing the tracking code on the theme’s built-in options panel. However, installing the tracking code directly to the theme is not a good approach. using a tag solution such as Google Tag Manager (GTM) would be a robust method to install Google analytics or any tracking pixels. If you need help implementing Google Tag Manager, feel free to contact us. 🙏
Once the above step is completed, open your website in a new browser tab.
Now let’s head back to the Google Analytics UI. Choose your new Google Analytics 4 Property from the drop-down.
Go to Realtime from the left menu
Let’s verify our implementation
You’ll start seeing the real-time user count & the pages visited. 😍
That’s all. You have successfully implemented Google’s next generation analytics property GA4 👏👏👏
If you’re facing any issues seeing the real-time data or stuck on any steps mentioned above, feel free to comment here or contact us. We would love to help you further. Cheers 🍻