Add google analytics to your website

Adding analytics.js to your site

Create an account in Google Analytics.
Get a tracking ID, like UAXXXX-X.

Add following script to head html, which gets distributed to each page.

 <!-- Google Analytics -->
 <script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

 ga('create', 'UA-XXXXX-Y', 'auto');
 ga('send', 'pageview');
 </script>
 <!-- End Google Analytics -->

Create Google Analytics query and pageview

Create an account in Account Explorer
Create query based on your need
Find table id, like ga:xxxxxx

Create service account for website authoriation

Create an account in Google Console
Create a service account, download json file secret key
Find service account id, which is an email address

Service side authorization

Go to User Management in admin secion in Google Analytics, add service account id as a user and set up permissions.

Install the Google API Client Library

 sudo pip install --upgrade google-api-python-client

Use the following code and downloaded JSON key file to get an access token.

 from oauth2client.service_account import ServiceAccountCredentials

 # The scope for the OAuth2 request.
 SCOPE = 'https://www.googleapis.com/auth/analytics.readonly'

 # The location of the key file with the key data.
 KEY_FILEPATH = 'path/to/json-key.json'

 # Defines a method to get an access token from the ServiceAccount object.
 def get_access_token():
   return ServiceAccountCredentials.from_json_keyfile_name(
       KEY_FILEPATH, SCOPE).get_access_token().access_token

Load the embeded API Librarys.

 <script>
 (function(w,d,s,g,js,fs){
   g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(f){this.q.push(f);}};
   js=d.createElement(s);fs=d.getElementsByTagName(s)[0];
   js.src='https://apis.google.com/js/platform.js';
   fs.parentNode.insertBefore(js,fs);js.onload=function(){g.load('analytics');};
 }(window,document,'script'));
 </script>

Add HTML containers and dashboard code to host the dashboard components.

 <div id="chart-1-container"></div>
 <script>

 gapi.analytics.ready(function() {

   /**
    * Authorize the user with an access token obtained server side.
    */
   gapi.analytics.auth.authorize({
     'serverAuth': {
       'access_token': 'ACCESS_TOKEN_FROM_SERVICE_ACCOUNT'
     }
   });


   /**
    * Creates a new DataChart instance showing sessions over the past 30 days.
    * It will be rendered inside an element with the id "chart-1-container".
    */
   var dataChart1 = new gapi.analytics.googleCharts.DataChart({
     query: {
       'ids': 'ga:100367422', // <-- Replace with the ids value for your view.
       'start-date': '30daysAgo',
       'end-date': 'yesterday',
       'metrics': 'ga:sessions,ga:users',
       'dimensions': 'ga:date'
     },
     chart: {
       'container': 'chart-1-container',
       'type': 'LINE',
       'options': {
         'width': '100%'
       }
     }
   });
   dataChart1.execute();
 });
 </script>

Adding analytics.js to your site

Create Google Analytics query and pageview

Create service account for website authoriation

Service side authorization

References