javascript - 基于类名并在历史更改时推送的 Google 标签管理器变量

Question

我有一个单页应用程序，我需要在 Google 标签管理器中为其设置一个变量。我正在使用页面 View 触发器的历史更改。

因此数据层需要在加载和每次历史更改事件时被推送。变量应列出 div 类 x 的所有 innerText，以逗号分隔。

这可能吗？下面只是在窗口加载时获取第一个 div 类 x innertext。

HTML

<div class="x"> tag 1</div>
<div class="x"> tag 2</div>
<div class="x"> tag 3</div>
<div class="x"> tag 4</div>

Google 标签管理器变量

function() {
 return window.document.getElementsByClassName('x')[0].innerText; 
}

可变输出:标签 1，标签 2，标签 3，标签 4

我想将该变量添加为页面浏览量的自定义维度。

Answer 1

您可以使用自定义 JavaScript 变量来执行此操作。像这样的东西应该可以解决问题:

function(){
  // Empty array that will store your comma separated list
  var myVariable = [];

  // Create array of all elements with class "x"
  var myArray = Array.from(document.querySelectorAll('.x'));

  // Loop through myArray to get text and push to comma separated list
  myArray.forEach(function(element){
    myVariable.push(element.innerHTML);
  })

  // Return comma separated list
  return myVariable;
}

然后您可以将此变量用作自定义维度的值。