javascript - Gatsby + Hotjar:Hotjar-Id 和 Hotjar-Snippet 版本的环境变量?
问题描述
这里它说我需要像这样设置 hotjar,如果我想将它与 gatsby 一起使用:
// In your gatsby-config.js
plugins: [
{
resolve: `gatsby-plugin-hotjar`,
options: {
id: YOUR_HOTJAR_ID,
sv: YOUR_HOTJAR_SNIPPET_VERSION
},
},
]
我现在的新手问题是:我可以直接在其中粘贴 id / snippet 版本吗?还是我必须担心安全问题并且应该考虑环境变量等?
解决方案
您可以直接将它们粘贴在那里。
Hotjar 说明提到将此代码段添加到每个页面的顶部
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:99999999999999,hjsv:00000000000000};
// ^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^
// SITE ID SNIPPET VERSION
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
这个插件在这里做同样的事情:https ://github.com/pavloko/gatsby-plugin-hotjar/blob/d30edfe1bf56b98feb819310d3a16d3d30118793/src/gatsby-ssr.js#L13
任何查看您网站来源的人都可以查看这两种实施方式。
推荐阅读
- r - 如何在R中找到矩阵/网络/图形的所有可能的“连续”路径
- redis - 使用 redis.conf 进行 redis 密码认证
- optaplanner - OptaPlanner 大型数据集问题
- python - 是否可以在 Google Chrome 上运行 Python GUI?如果是,请告诉我怎么做?
- angular - 为什么 retryWhen 在 switchMap 中不起作用(Ngrx Effects rxjs)
- c# - 如何在 ASP.net MVC 的 LIST 控件中显示 Google Sheet API Get 请求的数据
- python - 如何将字符串转换为函数调用?
- sql - 在同一个表中将值从一列插入另一列 - SQL
- mongodb - 如何在mongodb中查询重复的数字并将它们相加?
- django - 如何在 django 应用程序的谷歌应用程序引擎中进行自动 postgres 数据库备份?