javascript - 在我的网站上显示 Google Analytics 数据？

Question

我想找出一种方法来在我的网站上显示从 Google Analytics 收集的数据。我正在使用 NopCommerce，我想在管理部分的 View 中显示此信息/统计信息。

可能有很多方法可以实现这一点，在网上搜索后我找到了一些使用 JavaScript 的示例，但我找不到好的教程。

我还研究了将 Google Analytics 与 C# 集成，并找到了这个示例:http://biasecurities.com/2012/02/using-the-google-analytics-api-with-asp-net-mvc/#comment-1310可以从此处的 GitHub 下载演示项目:https://github.com/jgeurts/Analytics-Example

但是，由于不再使用 google URL ( https://www.google.com/analytics/feeds/accounts/default)，演示项目似乎无法正常工作。

因为我使用的是 MVC 应用程序，所以最好通过在 Controller 中应用 Google Analytics 逻辑并将其显示在 View 中来实现这一点。或者类似的东西。

Google 提供了一个查询工具在这里进行试验，因此不应该很难从 Google Analytics 中提取数据并在网站上显示数据:https://ga-dev-tools.appspot.com/explorer/

有没有人能够在他们的网站上成功显示 Google Analytics 数据？

Answer 1

如果其他人遇到同样的问题，这就是我所做的，它几乎可以回答问题。

1.

这是 API 客户端的基本代码，它通过您的 Google 服务帐户从 Google Analytics 访问数据。 https://developers.google.com/api-client-library/dotnet/guide/aaa_oauth#service_account

为了使这个应用程序正常工作，您需要在开始编码之前准备好几件事。

*Google Analytics Account - 注册后会生成一个“跟踪器”代码，供您放置在每个要跟踪的网页上。您可能不会立即看到任何统计信息，最多可能需要 24 小时才能在 Google Analytics(分析)信息中心中显示任何统计信息。

带有 CLIENT_ID、CLIENT SECRET 和 EMAIL ADRESS 的 OAuth 授权(API key )(这不是您的普通电子邮件，而是在您进行 OAuth 授权时为您创建的服务帐户电子邮件)。console.developers.google.com/

服务器 key ，也可以在这里创建:console.developers.google.com/。您还可以创建一个浏览器 key ，虽然没有为此烦恼，也不知道它的作用。

最后您需要一个证书 key 。您的应用程序将只能使用 key 和凭据访问您的 Google Analytics 帐户。 key 是加密的 p.12 文件。您可以在 https://code.google.com/apis/console/ 中找到 key .

这是 key 指南:http://www.pimcore.org/wiki/display/PIMCORE/Setup+Google+Analytics+Reporting+with+OAuth2+Service+Accounts+(since+1.4.6)

2.

现在您已拥有所需的所有 key 和凭据，是时候开始查看我在“1”中链接的代码了。这是它的基础:https://developers.google.com/api-client-library/dotnet/guide/aaa_oauth#service_account

创建一个控制台应用程序并实现上面的代码。

注意:您没有创建“Google Plus 服务”，因此您必须为“AnalyticsService”更改这些部分。去管理nuget和安装包:

• Google Apis 核心库
• Google Apis 客户端库
• Google Apis Auth 客户端库
• Google Apis Analytics.v3 库
• Google GData Client(这提供了用于查询数据、指标、维度等的属性)
• Google GData 扩展库
• 分析

可能忘记了什么，但这是我使用的命名空间:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using System.Security.Cryptography.X509Certificates;
using Google.Apis.Auth.OAuth2;
using Google.Apis.Services;
using Google.Apis.Analytics.v3;

3

最后，这是我的一些代码。请注意，我正在创建一个新的 Analytics，就像在 Google 的代码中一样，应该是“new ServiceAccountCredentials”。这是主要区别: Retrieve data from Google Analytics API with .NET, multiple metrics?

有了这个，我就可以访问和查询来自 Google Analytics 帐户的数据。最好的部分是您不必为此登录 Google，因为 key 和凭据可让您直接访问帐户数据。

我现在会将此代码迁移到 MVC，稍后我可能会更新如何在 Mvc 中实现此 Analytics 客户端。