How To Easily Add Google Analytics To Elementor

You are currently viewing How To Easily Add Google Analytics To Elementor

It’s a well-known fact that to run a successful business. You’ll need to understand your website’s data.

Google Analytics is the most powerful data tool that you can use to collect relevant information about your website and visitors.

In this article, you’ll learn how to add Google Analytics to Elementor.

What is Google Analytics

Google Analytics is an online data measuring tool that will track visitors’ and customers’ behaviors on your website.

Some of the many things you can track are:

  • Visitors’ location.
  • Bounce rate.
  • Time spent on the website.
  • Conversions rate.
  • Much else.

When using the collected data correctly, you’ll be able to improve your site conversion and reach more customers.

For example, if you analyzed that most of your visitors are dropping out on your cart page, you should look into it and improve it. Even a small change can increase the revenue enormously.

Knowledge is power quote

When you deeply realize that knowledge is power, you’ll conclude that installing Google Analytics on your website is not only a recommendation but a must.

How to Add Google Analytics to Elementor

Adding the Google Analytics code into Elementor is a straightforward process.

Initially, it’s a two-step process. First, we will need to copy the Google Analytics code and paste it into Elementor.

Let’s start by getting our tracking code first.

Step #1: Copy the Google Analytics Code

After signing up and registering your website with GA, you’ll get the tracking code that you’ll need to paste on every page that you would like to track.

To find the tracking code, navigate to Admin -> Data streams and click on your website name.

Retrieve GA tracking code

Then, click on the Global site tag option to reveal your code and copy it to your clipboard.

Copy the Google Analytics Code

Once you copy the code, we can move forward to the next step and paste it into Elementor.

Step #2: Add the Code to Elementor

After we get the GA code, we can paste it on every page that we would like to track.

Elementor widget libraries

Here is when the pro version of Elementor comes in handy. When using the free version, you’ll need to paste the code manually on every desired page, while with the pro version, paste it once and trigger it for all pages.

If you’re using the free version, edit your desired page with Elementor and drag the HTML widget to the bottom of the page.

Use the Elementor HTML widget to add the analytics code

Then, paste the Google Analytics code inside the HTML widget box on the left and save your changes.

Paste the tracking code inside the HTML box

Once pasted, move on to the last step to test the integration.

On the other hand, if you’re using Elementor pro, navigate to Elementor -> custom code and click on add new.

Add a custom code in Elementor pro

Give the new code a name. In our case, I will call it Google Analytics Tracking Code. Then, paste the code inside the box and click Publish.

Publish the code

Elementor will ask you which pages you would like to fire the Google Analytics tag on the next screen. You can select specific pages or keep them as-is for the entire website.

tag firing condition

Once published, Google Analytics will immediately start tracking the activity on your website and gather the information.

Step #3: Test the Integration

Once integrating between apps, it’s always a bright idea to run tests and verify that the connection is working correctly.

Visit your website from an incognito window on a page that will fire the tag.

Then, navigate back to your Google Analytics dashboard and click on Reports.

Google Analytics reports tab

If you installed the code successfully, you should see a visitor and its location under the real-time tab.

GA realtime data

If you see the visitor, you pasted the tag in the right place, and everything is working as expected.

Conclusion

Data is one of the most important assets of every business, and collecting it should be a top priority.

In this article, you learned how to add Google Analytics to the Elementor page builder.

If you would like to add the analytics reports to your website’s dashboard, check out the best Google Analytics plugins for WordPress.

Please leave us a comment down below if you have any questions.

Also, make sure to subscribe to our YouTube channel and like our page on Facebook.

PluginsForWP

PluginsForWP is a website specializing in redistributing WordPress plugins and themes with a variety of knowledge about WordPress, internet marketing, and blogging.

This Post Has 4 Comments

  1. Josh

    Thank you. This simplified the process a ton 🙂

    1. PluginsForWP

      Our pleasure, we are happy to help!

  2. John

    Thanks for posting this. It was helpful.

    I tried and I received the yellow warning notice.

    I see the same yellow warning shows up in your screenshot when you pasted the GA script – i.e. “define “dataLayer””

    What did you do to get rid of it or is this something not to worry about?

    Thanks for your help with this.

    1. PluginsForWP

      There is nothing to worry about. It should work perfectly fine.

Leave a Reply