google-analytics - 嵌入 API 使用自定义组件无法显示

Question

谷歌分析演示代码在 .

以 Google Analytics(分析)帐户的所有者身份登录 Google Chrome，然后导航到该页面会正确显示我的 Google 分析数据。

我按照页面上的说明将代码嵌入到一个简单的页面中。

身份验证工作如显示的消息所示:“您登录为:me(at)gmail.com”但仅此而已，没有图表没有消息。

我有理由确定该页面的编码正确，因为我有:

基本仪表板 (basic.html)

多 View (multipleviews.html) 和

交互式图表 (ic.html)

所有工作和显示正确(它们显示但不像演示那样样式)。

为什么页面不显示图形？

Answer 1

正如 Eike 在评论中指出的那样，您只是从演示中复制并粘贴了代码，而无需将组件下载到您自己的服务器上。如果你打开你的 JavaScript 控制台，你会注意到你有 404 错误，说浏览器找不到这些组件。这是我在您的网站上看到的屏幕截图:

要将这些组件添加到您的站点，您有多种选择。我已经回答了 similar question关于 repo 的 Github 问题之一，但为方便起见，我将在此处复制它。

The built and minified versions of those components are located in the build/javascript/embed-api/components directory. You can simply download those files and add them as script tags on your page, or include them in your site's main, bundled script.

If you're using an AMD script loader like RequireJS, you can also just point to those built files as they're wrapped in a UMD wrapper.

If you're using a tool like browserify or webpack, you can npm install this repo and require the files in the src/javascript/embed-api/components directory.