How To Set Up And Connect Google Site Kit With Your Divi Website Tutorial by Pee Aye Creative

How To Set Up and Connect Google Site Kit With Your Divi Website

Nelson Miller Pee Aye Creative
This tutorial will show you how to set up the new Google Site Kit plugin for WordPress and connect and use it with your Divi website.

Many of the Divi websites we build require one or more services from Google to complete the marketing function of the site. But it can be a bother to set up multiple accounts and integrate them all with code into the Divi Theme Options. If you build sites for clients, or you are a website owner who wants to keep things simple, then you need to check out the new Google Site Kit plugin. This tool allows you to manage all of the Google products and services for your Divi website in one place in the WordPress dashboard.

Instead of trying to manage six different accounts and connect them properly to your Divi website, Google Site Kit allows you to manage and add all the Google services and products with a simple plugin. You no longer need to worry about managing all those confusing codes and scripts!

The Google Site Kit plugin includes integration for the following Google products:

  • Google Analytics
  • Google Search Console
  • Pagespeed Insights
  • AdSense
  • Tag Manager
  • Optimize

Google Site Kit is all about taking better control of your business website and personal blogs. If you want to know how your visitors see and interact with your Divi website, how your site is performing, integrate advertisements, or connect to the Google Search Console, the Google Site Kit plugin is right for you. You can monitor, control, and improve everything happening on your Divi website with Google Site Kit.

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

What is the Google Site Kit?

Website developers and WordPress users have always been looking for a complete package to manage all of the Google services in a single plugin. You will be surprised to know that till 2018, there was not a single plugin by Google that could do that.

In 2018, Google decided to launch Google Site Kit, and it was big news for Divi and WordPress users. This WordPress plugin allows WordPress and Divi users to access all the services from one platform.

How to use Google Site Kit for Divi Website?

Using Google Site Kit with Divi

Google Site Kit is a free tool for WordPress and Divi users. You can easily install the Google Site Kit plugin from the WordPress plugins directory.

From your WordPress Dashboard, go to Plugins>Add New and search for “Google Site Kit.” Click on “Install Now” and then click “Activate.”

Install Google Site Kit with Divi

You can also find this plugin in the WordPress repository here.

A new banner notice will appear in the WordPress Dashboard indicating that Google Site Kit is activated and ready to set up.

Connect Google Search Console with Divi

In order to use Google Site Kit, we first need to connect it with our Divi website. There are three main things we need to do:

  1. Verify site ownership
  2. Allow our website to access Google Account data
  3. Set up Search Console (if you don’t already have one set up)

Activate Google Site Kit with Divi

Google search console is one of the most important tools that you need to start using right now. If you want to see how Google search algorithms understand your site, you need to study the details of Google search console.

With Google search console, you will also be able to see the exact queries that your targeted users are using to access your site. Optimizing your site for the search engines is an important task, and Google Site Kit offers every beginner and expert tool you need for your Divi website.

To get started, click the blue “Start Setup” button. If you already closed this, don’t worry. All you have to do is go to the Google Site Kit menu item on the left and click on “Dashboard.” From there, just click on “Start Setup.” Either way, this will open a window that looks something like this:

Get Started with Google Site Kit

This will verify the ownership of the domain and help you set up the Google Search Console property. Click the blue button to “Sign in with Google.”

Next, choose your Google account and grant permission to the prompts that appear and grant permission by clicking “Allow.” This will bring up a new screen that looks similar to this:

Verify Divi site ownership with Google Site Kit

Click the blue “Proceed” button. The site will be verified, and a new step will appear.

Allow Google to Access Your Divi website with Google Site Kit

This next step will ask you to allow your Divi website to access data from your Google account. So go ahead and click the blue button that says “Allow,” and continue to the third step.

Successfully set up Google Site kit with your Divi Website

If you already have a Google Search Console account set up, it will skip step 3 automatically. After that, you can click “Go to my Dashboard” to be taken back to the Google Site Kit dashboard within your Divi website.

Connect Google Analytics With Divi

To keep users engaged, you need to understand their activity on your site. If something on your site is making them leave the page, you need to improve that specific thing.

How can you know the real-time activity of your users on the Divi site?

Google Analytics is a free and easy to use tool that allows you to see how users navigate through your Divi website. If you are getting a higher bounce rate from specific geo-location, Google analytics will make sure that you know the reason.

If you have set up any campaign for the users, you will be able to see the progress of actions straight on your Divi website dashboard with the help of Google Site Kit. You can see how close you are getting to your goals from any campaign.

How To Set Up Google Analytics with Google Site Kit in Divi

How To Set Up Google Analytics with Google Site Kit in Divi.png

To begin setting up Google Analytics on your Divi website with Google Site Kit, navigate to “Settings” under the Site Kit menu item. Click on “Add More Services” and here you will see a list of Google services to connect. Note that some will remain grayed out until you connect Google Analytics. Click on “Set up Analytics.” Once again you will be asked to select your Google account and allow the permissions. You will then see a screen that looks similar to this:

Set Up Google Anayltics in Google Site Kit with Divi

Connect Google AdSense with Divi

All the bloggers and businesses want to earn more from their sites and stores. If you’re going to see which page is bringing more money, you need to analyze the results and earnings in Google AdSense. You don’t need to log into your Google AdSense again and again. With Google Site Kit, you can see the earnings and details in your Divi website dashboard.

Google AdSense is one of the most amazing products from Google. Understanding and managing the Google AdSense service is essential for any site owner.

To connect Google AdSense in Google Site Kit on your Divi website, navigate to “Settings” under the Site Kit menu item. Click on “Add More Services.” Click on “Set up Adsense.

Set Up Google Adsense in Google Site Kit with Divi

Once again you will be asked to select your Google account and allow the permissions. You will then see a screen that looks similar to this:

Connect Google Adsense in Google Site Kit with Divi

Once you connect, there will be a temporary message that appears while the account is being set up.

After you’ve finished setting up your account, we’ll let you know when your site is ready to show ads. This usually takes less than a day, but it can sometimes take a bit longer.

If you have not created Google AdSense before, first of all, you need to create the Google AdSense account for your Divi site. If you already have the verified Google AdSense account, click on the login button.

After providing the very few details, you will be able to connect the Google AdSense with the help of Google Site Kit for your Divi site.

Connect Google Page Speed Insights with Divi

Users hate slow sites and pages. You have only a few seconds to land a new client for your services. If your site is too slow that users have to wait for even a few seconds, they are going to click the exit button. You need to offer better speed and optimized page loading speed to beat the competition.  

You can do a lot with Google Site Kit and Google page speed insight tool. This tool has been here for Divi users for a long time, but like any other service, you were required to log into every service one by one. With Google Site Kit, you can access all of these metrics and services right from your Divi site dashboard.

It’s very easy to connect to Google Pagespeed Insights. Just select the “Connect Service” link from the Google Site Kit Dashboard and it will automatically connect, just like that.

How To Set Up Google Pagespeed Insights with Google Site Kit in Divi

Connect Google Optimize With Divi

Google Optimize is another service from Google that you can set up using the Google Site Kit plugin. Again, this can be connected to your Divi website very easily in the same way as the other services. Just go to the Google Site Kit in your menu and click on “Settings.” Then, click on the “Connect More Services” tab. There you will see Google Optimize. Click on “Set up Optimize.”

How To Set up Google Optimize with Google Site Kit in Divi

Next, you will come to a screen where you need to enter your Optize Container ID. You can find more instructions from the Google Optimize help article. Once you have completed this, click on the blue “Configure Optimize” button and you are all set.

Set up Google Optimize with Google Site Kit in Divi

Connect Google Tag Manager With Divi

The Google Tag Manager creates an easy to create and manger tags on your site without updating code.

Connecting the Google Tag Manager to your Divi website couldn’t be easier. Just go to the Google Site Kit in your menu and click on “Settings.” Then, click on the tab called “Connect More Services.” There you will see Google Tag Manager. Click on “Set up Tag Manager.”

How To Set Up Google Tag Manager in Google Site Kit with Divi

Once you confirm the Google account, you will see a screen similar to this:

Set Up Google Tag Manager in Google Site Kit with Divi

Click on the blue button to “Confirm & Continue” and your Divi website will then be connected to your Google Tag Manager account.

If you have completed the setup of all the Google services, you will see this message:

Connecting Google Services to your Divi website

Conclusion

If you feel that dealing with all of the Google services is complicated stuff, you don’t need to worry. The process of connecting Google Site Kit with your Divi website is easy and straightforward. If you own a website or are managing sites for clients, it’s time to use the power of Google Site Kit on your Divi websites.

Last updated [last-modified %date%]

Subscribe

Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore 🙂

Blog Post Optin

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

4 Comments

  1. Jenni

    Your content is always so spot on. Thanks again for another great tip!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

0

Your Cart