手风琴的跟踪数量作为目标扩展/打开

Question

我正在使用手风琴组件将大型内容分成逻辑部分。每个部分都由链接点击触发，该链接也会更改 URL #anchor。

折叠式 HTML 标记如下所示 (http://foundation.zurb.com/docs/components/accordion.html)：

<ul class="accordion" data-accordion>
  <li class="accordion-navigation">
    <a href="#panel1a" class="header">Accordion 1</a>
    <div id="panel1a" class="content active">
      Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </li>
  <li class="accordion-navigation">
    <a href="#panel2a" class="header">Accordion 2</a>
    <div id="panel2a" class="content">
      Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </li>
</ul>

现在我正在跟踪每个手风琴展开/折叠操作，并将链接单击到 CSS 选择器 (".accordion .header") 作为一个事件。

我也想跟踪这个目标：

• 在访问期间至少有一个手风琴内容被点击（展开/折叠）。
• 在访问期间至少有一半的手风琴内容部分被点击（展开/折叠）。
• 所有手风琴内容部分在访问期间被点击（展开/折叠）。

在 Google Analytics (https://webmasters.stackexchange.com/questions/28278/analiytics-can-i-set-a-goal-on-multiple-events) 中不可能基于多个事件触发目标，所以我想我应该根据自己的需要跟踪新事件：一键式， 半点击、全部点击，然后为这些事件创建目标。

为了创建上面指定的新事件，我正在考虑构建一个 JS 数组来保存每次点击。每次新单击时，都会检查数组，如果满足条件，则会记录新事件。

如何使用 Google 跟踪代码管理器中的 JavaScript 触发器和变量来执行此操作？或者有更好的方法吗？

Answer 1

在这种情况下，我将执行所有必要的逻辑来确定这些目标何时在客户端实现，然后在您知道它们已经实现时通过 GTM 向 GA 发送一个独特的事件。

每次您的逻辑计算出某个目标已实现时，您都会将一个事件推送到数据层，您可能希望将此事件设为通用所有目标，但添加一个数据项以告诉您实现了哪个目标（这显示'至少一个手风琴被点击'）：

dataLayer.push({
  'event':'goal_complete',
  'goaltype':'single'
});

然后在 GTM 中，您将创建一个自定义事件类型的触发器，其中事件名称为“goal_complete”。您还创建了一个 dataLayer 类型的变量，用于查找“goaltype”的值。

要完成该功能，请根据需要创建一个具有适当类别/操作/标签/值的 GA 事件标记。根据您的设置，您可能希望在操作或标签中使用goaltype DL 项。

最后，在您创建的触发器上触发此代码。