带有 Turbolinks 的 Googletagmanager [英] Googletagmanager with Turbolinks

问题描述

谁能解释一下我们应该如何将 Googletagmanager 与 Turbolinks 正确集成?

Can someone explain how should we properly integrate Googletagmanager with Turbolinks?

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

On normal pages we just copy/paste this code immediatelly after after the opening tag.

  <!-- 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 支持的页面中复制此代码，我可以看到只有一个网络请求(第一次加载页面时)

If I copy this code inside Turbolinks powered page I can see there is only one network request (when page loads for the first time)

推荐答案

我在 本指南

建议您在跟踪代码管理器中设置一个虚拟的url宏和pageview规则，然后将其推送到数据层:

It suggests that you set up a virtual url macro and pageview rule in Tag Manager, and then push it to the dataLayer:

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

这篇关于带有 Turbolinks 的 Googletagmanager的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！