在Google跟踪代码管理器中设置自订页面标题

时间:2014-08-12 21:33:03

标签: google-analytics google-tag-manager universal-analytics

我正在使用一个网站,其博客页面上的所有标题标签都设置为自动相同。这会导致Google Analytics中出现一些我们正在使用的自定义报告的问题。

由于对CMS本身进行更改是不受限制的,我希望能够使用基于博客文章标题的dataLayer变量动态设置页面标题。

比如说我有代码:

<script type="text/javascript">    
  var links = document.getElementsByClassName("post")[0].getElementsByTagName("a");
  var title = links[0].innerHTML;
  dataLayer.push({'pageTitle': title})
</script>

我如何使用它来重写Google跟踪代码管理器中的页面标题?

1 个答案:

答案 0 :(得分:4)

创建自定义js宏(我们称之为pageTitle):

function (){
  var links = document.getElementsByClassName("post")[0].getElementsByTagName("a"),
      title = links[0].innerHTML;

  return title;

}

然后在您的Universal Analytics - Pageview标记中,将宏{{pageTitle}}传入文档标题字段:

enter image description here

最好使用innerText / textContent从锚点中获取文本

title = links[0].innerText || links[0].textContent;