Google 跟踪代码管理器 API 错误“不是客户端的有效来源：http://localhost 尚未被列入客户端 ID 的白名单答案

【问题标题】：Google Tag Manager API error "Not a valid origin for the client: http://localhost has not been whitelisted for client IDGoogle 跟踪代码管理器 API 错误“不是客户端的有效来源：http://localhost 尚未被列入客户端 ID 的白名单
【发布时间】：2018-05-16 10:48:12
【问题描述】：

我正在尝试开始使用 Google Tag Manager API。有谁知道为什么我在我的控制台中看到以下错误，即使我已将 http://localhost 和 http://localhost:8080 添加到 API 凭据页面的 Authorized JavaScript origins？

details: "对于客户端来说不是一个有效的来源：http://localhost 没有已针对客户端 ID xxxx.apps.googleusercontent.com 列入白名单。请转至https://console.developers.google.com/ 并将其列入白名单您项目的客户 ID 的来源。”错误： “idpiframe_initialization_failed”

【问题讨论】：

标签： javascript google-api google-tag-manager google-oauth

【解决方案1】：

这是绝对可能在本地主机测试。

1) 在您的项目中同时激活 Analytics 和 Google 跟踪代码管理器 API
2) 创建新的 OAUTH 2.0 客户端凭据
3) 在 Restrictions 部分下添加 Authorized Javascript Origins
4) 使用新的客户端 ID。

当您使用客户端密钥而不是客户端 ID 时，通常会出现此问题，请确保您没有混合使用它们。

编辑：尝试清空缓存

【讨论】：