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

Posted

技术标签:

【中文标题】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 ID 【发布时间】:2018-05-16 10:48:12 【问题描述】:

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

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

【问题讨论】:

【参考方案1】:

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

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

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

编辑:尝试清空缓存

【讨论】:

以上是关于Google 跟踪代码管理器 API 错误“不是客户端的有效来源:http://localhost 尚未被列入客户端 ID 的白名单的主要内容,如果未能解决你的问题,请参考以下文章

通过 REST API 实现的 Google 跟踪代码管理器 (GTM) 数据层

Google跟踪代码管理器+ React App =错误的标题

Google 跟踪代码管理器 - 数据层

html Google跟踪代码管理器跟踪代码的退出按钮

Google 跟踪代码管理器使用沙盒 JavaScript?

javascript Google跟踪代码管理器/ Google Analytics的滚动跟踪脚本(无jQuery)