0

我需要在我的網站上顯示Google Analytics儀表板。就像從谷歌的網站導出到我的。我已經使用Reporting API V4 但我只獲得登錄按鈕。 as you can see, the dashboard from analytics are not displayed.要在我的網站上顯示的Google Analytics數據/使用Javascript

我需要用javascript或C#來完成它。

我的代碼(基於this link):

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title> Analytics Reporting </title> 
    <meta name="google-signin-client_id" content="472734728686-21tqq751d9mdpkopnjmc1dnctf9644qc.apps.googleusercontent.com"> 
    <meta name="google-signin-scope" content="https://www.googleapis.com/auth/analytics.readonly"> 
</head> 
<body> 

    <h1> Analytics Reporting</h1> 

    <p> 

     <div class="g-signin2" data-onsuccess="queryReports"></div> 
    </p> 


    <textarea cols="80" rows="20" id="query-output"></textarea> 

    <script> 

     var VIEW_ID = '130082935'; 


    function queryReports() { 

    gapi.client.request({ 
     path: '/v4/reports:batchGet', 
     root: 'https://analyticsreporting.googleapis.com/', 
     method: 'POST', 
     body: { 
     reportRequests: [ 
      { 
      viewId: VIEW_ID, 
      dateRanges: [ 
       { 
       startDate: '7daysAgo', 
       endDate: 'today' 
       } 
      ], 
      metrics: [ 
       { 
       expression: 'ga:sessions' 
       } 
      ] 
      } 
     ] 
     } 
    }).then(displayResults, console.error.bind(console)); 
    } 

    function displayResults(response) { 

    var formattedJson = JSON.stringify(response.result, null, 2); 
    document.getElementById('query-output').value = formattedJson; 
    } 
    </script> 




    <script src="https://apis.google.com/js/client:platform.js"></script> 

</body> 
</html> 
+0

我不確定你在問什麼 - 你的圖像完全顯示了代碼應該做的事情,顯示一個已經變成字符串的JSON響應。您需要將displayResults函數替換爲將輸出格式化爲您選擇的圖形或表格的內容。您應該查看Google Charts(https://developers.google.com/chart/)或其他可視化庫,並回顧一些具體問題。 –

+0

對不起。讓我重建我的問題:我怎樣才能讓它返回儀表板,而不僅僅是一個JSON? – danyyy

+0

如何在Google分析API中進行分頁。 –

回答

1

我建議你看看Google Analytics Embed API。基於我的經驗,從一個角度來看,這更容易。

+0

感謝您的幫助! [我也發現了這個](https://developers.google.com/analytics/devguides/reporting/core/v4/quickstart/web-js「」) – danyyy

相關問題