ruby-on-rails – 带有Turbolinks的Googletagmanager

发布时间：2020-12-16 19:33:50 所属栏目：百科来源：网络整理

导读：有人可以解释我们应该如何正确地将Googletagmanager与Turbolinks集成？在普通页面上,我们只需在开始标记之后立即复制/粘贴此代码. !-- Google Tag Manager -- noscriptiframe src="//www.googletagmanager.com/ns.html?id=GTM-******" height="0" width="0"

有人可以解释我们应该如何正确地将Googletagmanager与Turbolinks集成？

在普通页面上,我们只需在开始标记之后立即复制/粘贴此代码.

<!-- Google Tag Manager -->
  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-******"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); //f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-******');</script>
  <!-- End Google Tag Manager -->

如果我在Turbolinks支持的页面中复制此代码,我可以看到只有一个网络请求(第一次加载页面时)

解决方法

我在 this guide之后进行了页面刷新工作

它建议您在跟踪代码管理器中设置虚拟网址宏和网页浏览规则,然后将其推送到dataLayer：

$(document).on('page:change',function(){
  dataLayer.push({
    'event':'pageview','virtualUrl': window.location.pathname
  });
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!