Google アナリティクス Javascript ライブラリを使用して、ユーザーが現在の特定のページの GeoMap を表示できるようにしています。ただし、彼らがそうしようとするたびに、認証プロセスを経る必要があるのは、私のデータを私のページに表示するためだけです. これに代わる方法を見つけるにはどうすればよいですか。すべての匿名の閲覧者が閲覧できるように、視覚化されたグラフを介して自分のページに Analytics データを埋め込みたいだけです
**Google アナリティクスでアカウントを作成しました。これで、サイトの統計を取得できます。サイトhttp://Example.comを開き、 [Authorize Analytics] ボタンをクリックします。開いたウィンドウで Google アカウントの資格情報を入力します。ユーザー名: xxxx@gmail.com パスワード: xxx http://Example.comページにリダイレクトされます。テーブル ID ga:61737784 を入力し、[Draw Charts] ボタンをクリックすると、サイトの統計情報が取得されます。
私の要件は、Google アナリティクス サイトにログインせずに統計情報を取得することです。エンド ユーザーは Google アナリティクスの認証情報を知らないためです。以下は、html および javascript コードです。**
<script src="http://apis.google.com/js/client.js?onload=gadashInit" type="text/javascript"></script>
<script src="http://analytics-api-samples.googlecode.com/svn/trunk/src/reporting/javascript/ez-ga-dash/gadash-1.0.js" type="text/javascript"></script>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>
<script type="text/javascript">
gadash.configKeys({
'apiKey': xxxxx',
'clientId':xxxxx'
});
var dataOverTime = new gadash.Chart();
var scoreCard = new gadash.Chart();
var sourceMediumTable = new gadash.Chart();
var baseConfig = {
'last-n-days': 30,
'query': {
'metrics': 'ga:visitors, ga:visits, ga:pageviews',
},
'chartOptions': {
width: 400
}
};
var dataOverTimeConfig = {
'divContainer': 'dataOverTimeConfig',
'type': 'LineChart',
'query': {
'dimensions': 'ga:date',
'sort': 'ga:date'
},
'chartOptions': {
height: 250,
legend: {position: 'bottom'},
hAxis: {title:'Date'},
curveType: 'function'
}
};
var scoreCardConfig = {
'divContainer': 'scorecard',
};
var sourceMediumTableConfig = {
'divContainer': 'sourceMediumTableConfig',
'query': {
'dimensions': 'ga:source,ga:medium',
'sort': '-ga:visitors',
'max-results': 100
}
};
function renderGraph() {
baseConfig.query.ids = document.getElementById('tableId').value;
dataOverTime.set(baseConfig).set(dataOverTimeConfig).render();
scoreCard.set(baseConfig).set(scoreCardConfig).render();
sourceMediumTable.set(baseConfig).set(sourceMediumTableConfig).render();
document.getElementById('ui').style.display = 'block';
return false;
}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33166458-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32934024-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google.com/jsapi';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32934024-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://') + 'analytics-api-samples.googlecode.com/svn/trunk/src/reporting/javascript/ez-ga-dash/gadash-1.0.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32934024-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://') + 'apis.google.com/js/client.js?onload=gadashInit';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<button id="Button1" style="visibility: hidden;">
Authorize Analytics</button>
<hr />
<p>
Enter your Table ID:
<input type="text" id="tableId" />
<button onclick="return renderGraph()">
Draw Charts</button></p>
<hr />
<div id="ui" style="display: none;">
<h4>
Data Over Time</h4>
<div id="dataOverTimeConfig">
</div>
<h5>
Totals for each metric</h5>
<div id="scorecard">
</div>
<h5>
Source and Mediums by Visitor</h5>
<div id="sourceMediumTableConfig">
</div>