google-analytics - 在 Google 跟踪代码管理器中设置自定义页面标题

Question

我正在使用一个网站，其博客页面上的所有标题标签都自动设置为相同。这会导致 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 跟踪代码管理器中的页面标题？

Answer 1

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

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

  return title;

}

然后在您的 Universal Analytics - 浏览量代码中，将宏 {{pageTitle}} 传入文档标题字段:

使用innerText/textContent从 anchor 中获取文本可能会更好

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