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

相关问题