javascript - 在 Reactjs 中异步加载谷歌分析嵌入 api 脚本

标签 javascript api reactjs asynchronous google-analytics

首先,我想说我对 react 还很陌生。 我的目标是构建第三方自定义 Google 分析仪表板,但是我遇到了一些问题,我无法在 Google 上找到合适的答案。

我正在学习本教程 Embed API third party visualizations

我显然是想在react中写demo代码。在这样做的时候,我已经在第一步遇到了麻烦。在尝试运行此代码时,我不断收到消息“gapi 未定义”。这是(经过大量谷歌搜索之后)因为第一步中的脚本从未加载过,这意味着库从未加载过,这就是为什么其余代码不知道 gapi 是什么的原因。

我认为这是因为我必须异步加载脚本..我只是不知道如何以及在哪里加载。 我在 componentDidMount 中做吗?或者有什么特殊的方法可以做到这一点?

我得到的唯一谷歌结果使用了谷歌地图 API 的示例,这与我试图完成的不同。

一旦我加载了这个库,我就可以继续构建其余的。

预先感谢您的帮助!

最佳答案

我知道这是一岁了,但希望这对其他人有帮助。如果您在 react 应用程序之外加载 google api 库,则需要通过窗口访问它。

例子: window.gapi.analytics.auth.authorize({ 容器:'授权按钮', clientid: CLIENT_ID, });

关于javascript - 在 Reactjs 中异步加载谷歌分析嵌入 api 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42768104/

相关文章:

javascript - 单击鼠标隐藏div

javascript - Create-react-app 无法构建。需要很长时间然后出现错误

javascript - 如何设置 typeorm .env 文件?

javascript - 如何根据下拉列表中的值和用户输入更新工资

ruby-on-rails - rails_admin 与 rails-api 冲突

api - 什么是 Java EE 认可的 API?

javascript - 在每次转换时滚动到顶部 react-router-dom v6

javascript - 在 React App 中显示文本编辑器中的内容

javascript - 防止文本字段在单击按钮时模糊

api - 如何在 postman 上发出 Yelp API GET 请求?