Arkadaşlar merhaba,
internetten araştırdığım kadarıyla google analytics api ile analytics'de ki web sitenin istatiki verilerini çekebiliyoruz bunun için izin vermeler ve api keylerin oluşturulması işlemlerini hallettim.
Sorunuma gelelim internetten baktığım kadarıyla hem türkçe hem ingilizce çok fazla ayrıntılı döküman mevcut değil apinin kullanımı ile ilgili. mesela lineChart veya barChart işlemleri anlatılırken keywords'lerin alınması veya başka verilerin kullanılmasını bulamadım. Bu konuda dökümanı olan varsa iletebilir mi ?
Birde bu çektiğimiz grafiklerin ve verilerin görsel açıdan(css) düzenlenme işini nasıl yapabilirim ? Benim için önemli olan bu konu çektikten sonra o grafiğin düzenlenmesi.
Örnek Olarak oluşturduğum grafik:
<!DOCTYPE>
<html>
<meta charset="UTF-8" />
<head><title>GA Dash Demo</title></head>
<body>
<!-- Add Google Analytics authorization button -->
<button id="authorize-button" style="visibility: hidden">
Authorize Analytics</button>
<!-- Div element where the Line Chart will be placed -->
<div id='line-chart-example'></div>
<!-- Load all Google JS libraries -->
<script src="https://www.google.com/jsapi"></script>
<script src="gadash-1.0.js"></script>
<script src="https://apis.google.com/js/client.js?onload=gadashInit"></script>
<script>
// Configure these parameters before you start.
var API_KEY = 'FFFFFFFFFFFFF';
var CLIENT_ID = 'ZZZZZZZZZZZ';
var TABLE_ID = 'ga:XXXXX';
// Format of table ID is ga:xxx where xxx is the profile ID.
gadash.configKeys({
'apiKey': API_KEY,
'clientId': CLIENT_ID
});
// Create a new Chart that queries visitors for the last 30 days and plots
// visualizes in a line chart.
var chart1 = new gadash.Chart({
'type': 'BarChart',
'divContainer': 'line-chart-example',
'last-n-days':10,
'query': {
'ids': TABLE_ID,
'metrics': 'ga:visitors',
'dimensions': 'ga:date'
},
'chartOptions': {
height:600,
title: 'Visits in January 2013',
hAxis: {title:'Date'},
vAxis: {title:'Visits'},
curveType: 'function'
}
}).render();
</script>
</body>
</html>