0

我正在使用手风琴组件将大型内容分成逻辑部分。每个部分都由链接点击触发，该链接点击也会更改 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 触发器和变量来执行此操作？还是有更好的方法来做到这一点？

4

1 回答 1

0

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

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

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

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

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

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

于 2015-11-16T09:05:44.873 回答