使用 Analytics Api 显示“纯 HTML 仪表板”或“自定义组件”答案

【问题标题】：Display 'Pure HTML Dashboards' or 'Custom Components' using Analytics Api使用 Analytics Api 显示“纯 HTML 仪表板”或“自定义组件”
【发布时间】：2014-09-05 05:34:42
【问题描述】：

我需要显示“纯 HTML 仪表板”或“自定义组件”，如以下链接 https://ga-dev-tools.appspot.com/demos/embed-api/ 中所述

我有谷歌分析帐户，它完美地显示了我网站的实时统计信息，但我需要使用 api 显示相同的信息，如以下链接所示： https://github.com/googleanalytics/embed-api-demos/blob/master/site/3-custom-components.html

我已在以下代码中替换了我的客户 ID：

gapi.analytics.auth.authorize({
container: 'auth',
clientid: '623325626209-j1jm9d78ge0v4uf8b9cor31qsirungrq.apps.googleusercontent.com',
});

我还将结束日期更新为当前日期，如下所示：

query: {
'metrics': 'ga:sessions',
'dimensions': 'ga:date',
'start-date': '30daysAgo',
'end-date': '2014-09-05'
},

因此，当我运行代码时，它会显示一个“访问 Google Analytics”按钮，当我单击它时，会出现以下错误：

这是一个错误。

错误：origin_mismatch

应用程序：项目默认服务帐户

您可以发送电子邮件至此应用程序的开发人员：fz1990@gmail.com 请求详情

=
scope=https://www.googleapis.com/auth/analytics.readonly https://www.googleapis.com/auth/userinfo.email
response_type=code token id_token gsession
redirect_uri=postmessage
cookie_policy=single_host_origin
proxy=oauth2relay591552393
state=524099008|0.3938720987
origin=http://localhost:27363
include_granted_scopes=true
client_id=656169223314-dbc8l4c7ro20hn8vcqqtd9rhd0e6arcb.apps.googleuserconte

有人可以帮我解决这个问题吗？

提前感谢

【问题讨论】：

标签： asp.net google-analytics google-analytics-api google-analytics-firebase

【解决方案1】：

来源不匹配通常是由于在 API 项目控制台中未正确设置 Javascript 来源。您需要确保 Javascript 来源与您的请求来自的域以及您在登录后将用户返回到的域相匹配。

在您的情况下，您仍在使用您需要创建自己的教程中的 client_id。更多详细信息可以在 "Create a client ID and client secret" section 中的嵌入式 API 的开发者文档中找到。

您需要前往Google Developer console 并注册您的应用程序。上面的文档链接将引导您完成创建。提示：不要为 get 添加产品名称和电子邮件地址。

此时实时 API 仍处于测试阶段，您需要申请访问它。 Real time reporting api private beta 填写该表格，您将不会听到任何来自 Google 的消息，只需等待 24 小时，然后试一试，到那时它通常可以正常工作。

【讨论】：

当然我会尝试上面的..thanx很多