作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要将 HotJar 代码添加到我的应用程序中。我是这样做的:
views/services/_hotjar.html.erb
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:140457,hjsv:5};
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,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>
views/layouts/application.html.erb
<head>
.
.
<%= render partial: "services/google_analytics" %>
<%= render partial: "services/hotjar" %>
</head>
这种方式 HotJar 仅在第一个打开的页面上工作(我不确定,但效果不佳)。您可能会看到与我使用 Google Analytic 所做的相同的事情,但它运行良好,因为这里有一个区别,它在每个页面上呈现此代码:
views/layouts/application.html.erb
<body>
.
.
<script>
ga('send', 'pageview', '<%= request.path %>');
</script>
</body>
我敢肯定,这不是正确的方法。但是如何正确地做呢?
最佳答案
对于 turbolinks 支持,可以在您的 hotjar 代码后添加此片段,Hotjar on Single Page Apps
<script>
document.addEventListener("turbolinks:load", function(event) {
hj('stateChange', '<%=request.referer%>');
});
</script>
关于ruby-on-rails - 如何将脚本实现到 Rails 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35122872/
我是一名优秀的程序员,十分优秀!