2015-05-04 57 views
0

我已經按照這樣的: https://ga-dev-tools.appspot.com/embed-api/basic-dashboard/無法顯示Analytics(分析)使用的API文檔

而且創造了這個:

<!DOCTYPE html> 
<html> 
<head> 
<title>Analytics Test</title> 
</head> 
<body> 

<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> 

<div id="embed-api-auth-container"></div> 
<div id="chart-container"></div> 
<div id="view-selector-container"></div> 

<script> 

gapi.analytics.ready(function() { 

    /** 
    * Authorize the user immediately if the user has already granted access. 
    * If no access has been created, render an authorize button inside the 
    * element with the ID "embed-api-auth-container". 
    */ 
    gapi.analytics.auth.authorize({ 
    container: 'embed-api-auth-container', 
    clientid: 'UA-1234567-00', 
    }); 


    /** 
    * Create a new ViewSelector instance to be rendered inside of an 
    * element with the id "view-selector-container". 
    */ 
    var viewSelector = new gapi.analytics.ViewSelector({ 
    container: 'view-selector-container' 
    }); 

    // Render the view selector to the page. 
    viewSelector.execute(); 


    /** 
    * Create a new DataChart instance with the given query parameters 
    * and Google chart options. It will be rendered inside an element 
    * with the id "chart-container". 
    */ 
    var dataChart = new gapi.analytics.googleCharts.DataChart({ 
    query: { 
     metrics: 'ga:sessions', 
     dimensions: 'ga:date', 
     'start-date': '30daysAgo', 
     'end-date': 'yesterday' 
    }, 
    chart: { 
     container: 'chart-container', 
     type: 'LINE', 
     options: { 
     width: '100%' 
     } 
    } 
    }); 


    /** 
    * Render the dataChart on the page whenever a new view is selected. 
    */ 
    viewSelector.on('change', function(ids) { 
    dataChart.set({query: {ids: ids}}).execute(); 
    }); 

}); 
</script> 

</body> 
</html> 

但什麼也看不見訪問頁面時。

我檢查和API是活動的,但該域名不在引用列表中,所以我添加了它,但仍然沒有。

有什麼想法......?

回答

0

clientID: 'UA-XXXXXXX-XX' 

是不正確的客戶端ID。這實際上應該是這樣的:

clientID: 'XXXXXX.apps.googleusercontent.com' 

相反,嘗試在https://console.developers.google.com/創建一個項目。在憑證選項卡下,您可以創建新的客戶端ID。

如果它更容易,谷歌有一定的一步一步的指示,可以看到here

相關問題