I've used the code provided in this question to gain access to the Google Analytics Embed API. I want to display the statistics from my website without the need for users with the correct privileges to log in (so no login screen).
For that reason, I've created a service account and saved the p12 file. However, the following code displays an empty page.
<!DOCTYPE html>
<html>
<head>
<title>Embed API Demo</title>
</head>
<body>
<section id="timeline"></section>
<script>
(function(w,d,s,g,js,fjs){
g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(cb){this.q.push(cb)}};
js=d.createElement(s);fjs=d.getElementsByTagName(s)[0];
js.src='https://apis.google.com/js/platform.js';
fjs.parentNode.insertBefore(js,fjs);js.onload=function(){g.load('analytics')};
}(window,document,'script'));
</script>
<script>
gapi.analytics.ready(function() {
var IDS = 'ga:XXXX'; // I've hidden my personal ID for security purposes
var ACCESS_TOKEN = 'key.p12'; // obtained from your service account
gapi.analytics.auth.authorize({
serverAuth: {
access_token: ACCESS_TOKEN
}
});
var timeline = new gapi.analytics.googleCharts.DataChart({
reportType: 'ga',
query: {
'ids': IDS,
'dimensions': 'ga:date',
'metrics': 'ga:sessions',
'start-date': '30daysAgo',
'end-date': 'yesterday',
},
chart: {
type: 'LINE',
container: 'timeline'
}
}).execute();
});
</script>
</body>
</html>
Maybe the Access Token shouldn't be the p12 file? But if so, what should it be? I'm really lost.
See Question&Answers more detail:os
