Install and configure Toplytics

Check out how to install and configure the Presslabs Toplytics plugin to your Google Analytics account with step-by-step detailed explanations and screenshots.

Overview

You can simply search it in the WordPress plugins, install and activate it, or download it and upload it in wp-content/plugins and again activate it from WordPress.

NOTE

This documentation is for our new Toplytics version 4.0 which is still in beta, for the current Toplytics version 3.2 please see the documentation on wordpress.org .

As mentioned before, Toplytics displays the most visited posts as a widget using data extracted from Google Analytics, so it needs to be connected to Google Analytics. You need to have Google Analytics active on your site if you want to use this plugin.

This means you need to set up your site in Google Analytics . To set up your site in Google Analytics you need to create an account and to add your site as a property . Then you need to set up Analytics tracking on your site . You will have a tracking code you need to copy and paste as the first item into the HEAD of every webpage you want to track or you can use the Google Tag Manager to help you help you add tags to your site.

Don’t panic if this seems complicated, there are a lot of WordPress plugins which come to the rescue and we have written all you need to know about Analytics tracking in this article about Google Analytics in WordPress .

There are also a lot of WordPress plugins to help you insert the tracking code, check this article about

Get Tracking ID

We offer two possibilities to use Toplytics: through Public Authorization or the Private Authorization.

Public Authorization

This method is using the Presslabs public API key to authenticate you to the Google Analytics API, and you don’t have to set up your own API keys.

Toplytics Public Authorization

To use the Public Authorization simply press the Log in with your Google Account via Presslabs.org button and you will be redirected to the Google Authorization screen where you will be asked for read access to your Analytics profiles.

Allow your domain to access your Google account

Then you need to select your profile.

Select your Analytics Profile

In case you have no user profile set up in your Analytics account, a warning message will appear:

No user profile warning

Now you are all set to use Toplytics to display your most visited posts.

Toplytics public configuration done

Private Authorization

The private authorization is the recommended way in using Toplytics, as it offers you complete control over the connection by using your very own API keys and application for granting access.

Toplytics Private Authorization

You need to enter your Client ID and Client Secret from your Google Analytics account. The next steps will guide you in configuring your Google Analytics account to Toplytics. Keep in mind that you will need the Redirect URL mentioned in this page further in configuring Toplytics.

Step 1: Register client application with Google

Every application has to be registered with the Google API so that we can use the OAuth 2.0 token during the authentication and authorization process. To register an application the user has to login to the Google account and go to Google API Dashboard . Google API Dashboard

1.1. Create new project

From Google API console create a new project using the Create button. To set up properly the client application, select a unique “project name”. Creating a new project

1.2. Enable the Analytics API

From the Google API Dashboard go to Enable APIs and Services and browse the library to find the Google Analytics API then click it and enable it. Enable API's and Services Search for the Analytics Data API Enable the Analytics Data API

1.3. Create new Client ID

Go to the OAuth consent screen tab and choose the External user type if you don’t have a business Google account and click on the Create button. Go to OAuth consent screen

Complete your app information. Complete App Info

Complete your authorized domain name (top level domain) and click on the Save and continue button. Complete App Info

Here, you must add the Google Analytics Data API wich was enabled in 1.2 Enable the Analytics API step. So, click on the Add or remove scopes button. Scopes

Search for the Google Analytics API and choose readonly scope. Click on Update button and then click on the Save and continue button. Update Google Analytics Data API - readonly Scopes save

In the next step you must add the test users. Click on the Add users button and add the user account used for login or the user account with you have acces at Google. Test users Scopes save

After you set up previous steps, you can create your credentials. Go back to the Dashboard section. Click on the Credentials option and then click on the Create credentials button. Go to Credentials section

Choose the OAuth client ID option. Go to Create Credentials -> OAuth Client ID

When asked to choose your application type choose the Web application option. Credentials - App Type

You will be asked to introduce the Javascript Origins and Redirects URI’s. As Authorized JavaScript Origins introduce your domain name, and as Authorized redirect URI you need to introduce the Redirect URL from Settings -> Toplytics -> Private Authorization and then click on the Create button. Create OAuth Client ID

Your newly created credentials will appear on the Credentials page and the Client ID and Client secret you need to authorize the Private Authentification will appear in a pop up. You can also see them by pressing the Edit OAuth Client button from the Credentials section. Credentials section

Step 2: Authorizing Requests

Copy the Client ID and the Client Secret keys from the Credentials section, then go back to Settings -> Toplytics -> Private Authorization to paste these credentials. By using these keys the client application will avoid sharing the username and/or password with any other Toplytics users.

Private Authorization

Click the Private Authorize button and after logging in you need to agree that the newly created app will access your Analytics data and you are all set.

Allow your domain to access your Google account

You can select from the list of profiles the one you want to use for this site or you can disconnect your Google account. Make sure you have a Google Analytics profile set up, otherwise a warning message will appear that there are no profiles on the selected Google account.

Select your Analytics Profile

Now you are all set to use Toplytics to display your most visited posts.

Toplytics private configuration done