Google Analytics is one of the most powerful tools for analyzing traffic on your website. Google Analytics gives you a lot of information about visitors of your web site.
Explainum helps you to create interactive web charts to analyze your traffic. You can create meaningful charts using such a powerful tool as filters in Google Analytics.
Once you setup charts on Explainum the data about your traffic will be updated automatically from Google Analytics.
Here is the example of chart that compares visits from different countries:
Below is a step-by-step guide how to create web charts on Explainum using Google Analytics filters.
Step 1. First we need a web site with Google Analytics which tracks the traffic.
Step 2. Set up an account on Explainum.com.
We need to register on Explainum. It is easy and fast.
Fill out a short registration form here.
Or you can use your existing twitter account to register on Explainum from here.
Step 3. Create a chart with series on Explainum.
First, read this post about How to add Google Analytics chart to your website or blog.
1. Log in to Explainum.
2. Click on "Create new chart" button.
3. Select "Google Anlalytics" data source from the list of data sources.
4. You will be prompted to authorize to your Google Analytics account.
IMPORTANT. Explainum doesn't ask you to enter your login and password for your Google Analytics account. Explainum uses secure OAuth authorization method for access to your Google Analytics stats.
5. Click the button "Authorize for Google Analytics".
Log in into your Google account if needed and grant access to Explainum.
Before you click "Grant Access" check the Google account: if you are not ****your@email*** as shown, you can sign in as a different user.
6. Click the button "Grant Access".
After a successful authorization you will be back to Explainum site.
On that form enter the Profile ID of your web site in Google Analytics.
This ID is viewable in the Profile Settings page in the Analytics Administrative interface.
Read this post to see where to find Profile ID.
7. Now you need to enter the filter.
In our example, let's create a chart to compare visitors from different countries: USA, Canada, United Kingdom. We will compare common Google Analytics metric "visits".
We should use the following filter for the United States:
7. You can click Create now and finish the form. Then two data series for visits and pageviews will be created. Or you can customize metrics and a time period to retrieve stats. To do this click "Connect".
If everything is ok you will go to step 2 of the form.
8. Check metrics from the list and select begin and end date to get data for. In our example, check on metrics "visits".
Check "Autoupdate" if you want the chart to be updatable. In this case Explainum will retrieve the data from Google Analytics automatically every day.
Click "Fetch Data". You will see the step 3.
Preview data and save series.
Now your chart has one series with metrics for visits from United States.
It is time to add series with data for visits from the rest of the countries.
Step 4. Add more series to a chart
1. Go to the tab "Series" of your chart.
You must see the list of series you created on the previous steps.
2. Click "Add new series".
3. Select data source "Google Analytics".
4. Repeat the same steps from the previous step to authorize to Google Analytics.
5. After you are authorized use the filter "ga:country==Canada" and go through the rest of the steps to save series.
6. Now your chart has 2 series:
7. Repeat this step for other countries (in our example use filter "ga:country==United Kingdom").
Finally, the chart will look like this:
Your chart can be viewed from Explainum site or you can embed it into any page on your site/blog.
Step 5. Embed an interactive chart into your page.
Click Embed on the page with your chart on Explainum
Insert this HTML code into your page and get an interactive commentable chart on your web site.
Here you can find examples of charts embed into blog: http://blog.explainum.com/p/sample-widgets.html.
Examples of Google Analytics filters
Some examples of web charts using Google Analytics filters:
Chart: visits by browsers.
This chart compares visits from different browsers:
Here the following filters were used:
- ga:browser==Internet Explorer
Chart: pages per visit by search engines.
This chart compares pages per visit for visitors came from different search engines:
The following filters were used:
You can combine filters using AND, OR operators. Read more about Google Analytics filters syntax here.
Google Analytics is a powerful tool for analysis of traffic of web sites. Explainum helps you to create embeddable interactive charts to present data from Google Analytics.