如何获取 Google Analytics 嵌入 API 自定义组件的视图？答案

【问题标题】：How to get views for the Google Analytics Embed API Custom Components?如何获取 Google Analytics 嵌入 API 自定义组件的视图？
【发布时间】：2015-03-07 10:11:04
【问题描述】：

我试图从这个链接实现代码

https://ga-dev-tools.appspot.com/embed-api/custom-components/

我下载了view-selector2和date-range-selector这两个文件

并保存在我的本地文件中。

我修改了

var accountSummaries = require(['','/path/to/account-summaries.js']);//line no:18 in view-selector.js

现在它加载了 js 文件。

但我没有得到链接中显示的输出。

我得到这样的输出

Under Processing 
Start Date  [textbox with date]
End Date  [textbox with date]
Start Date  [textbox with date]
End Date [textbox with date]

它给出的控制台错误如下：

 Uncaught TypeError: undefined is not a function (view-selector2.js:111)

在过去的 12 个小时里，我一直在使用 require()。

谁能说说我的问题是什么以及如何解决？

完成工作的任何链接都更有帮助...在此先感谢。

【问题讨论】：

标签： javascript google-analytics requirejs

【解决方案1】：

Embed API 自定义组件演示不使用 RequireJS，它们使用 Browserify，因此如果您尝试使用 RequireJS 加载依赖项，它将无法正常工作。

如果您查看该页面上的代码示例，它们会向您显示构建文件的位置，因此您应该只使用这些而不是源文件（我不确定您从哪里得到它们）。

<!-- Include the ViewSelector2 component script. -->
<script src="/public/javascript/embed-api/view-selector2.js"></script>

<!-- Include the DateRangeSelector component script. -->
<script src="/public/javascript/embed-api/date-range-selector.js"></script>

使用公共目录中的文件再试一次，它应该可以正常工作。

【讨论】：

感谢 @Philip Walton 对 browserify 的启发，我从 GitHub 获得了这些文件。
我对这些指向本地文件感到困惑，但在教程中我没有看到任何地方提到下载本地库。
我支持@wapples。我一生都无法弄清楚这些本地文件应该来自哪里。有人想出这个吗？文档中的任何地方都没有说要下载本地依赖项。

【解决方案2】：

我希望这能解决我的问题。

requirejs.config({
 baseUrl: '../path/to/javascript/embed-api/accounts/lib',
});
var accountSummaries = require(['./index']);

在 view-selector2.js 中。

但有时它无法正确加载。无论如何，这可能对任何人都有帮助。谢谢大家。

【讨论】：