javascript - Adobe Analytics 阻止点击链接

Question

我正在开发一个需要实现 Adob​​e Analytics 的网站。这是有效的，但由于未知的原因，我的一些链接在启用 adobe Analytics 的情况下无法以通常的方式访问(当我删除 Adob​​e Analytics 脚本和引用时)。

我需要双击链接才能访问内容，而我通常只需要单击一次即可访问内容。另外，当我第一次点击 element 时，它会触发对 adobe Analytics 的网络调用。第二个 CLI 触发元素的 CLI。

您将在下面找到工作链接和无效链接的片段。它们非常相似，我找不到行为不同的原因。

我正在使用 jquery 来管理我的事件，这是一个示例:

(function ($) {

  var userId = $("head").data("user-id");
  if (userId === undefined || userId === "") {
    userId = "none";
  }

  $(document).ready(function () {
    digitaldata = {
      site: {
        platform: window.navigator.platform,
        language: window.navigator.language,
        environnement: ""
      },
      page: {
        pagename: document.title,
        primarycategory: "",
        subcategory: "" 
      },
      user: {
        userid: userId,
        connectionstatus: "" 
      },
      clic: {
        name: "",
        type: "",
        category: ""
      }
    };

    $(".participation").on("click", function () {
      var name = $(this).data("id");
      digitaldata = {
        'clic.name': name,
        'clic.type': 'liens_internes',
        'clic.category': 'promo_interne'
      };
      _satellite.track('clic_je_participe');
    });

    $('.advantage').on('click', function () {
      var title = $(this).data("title");
      digitaldata = {
        'clic.name': title,
        'clic.type': 'liens_internes',
        'clic.category': 'promo_interne'
      };
      _satellite.track('clic_profiter_avantage');
    });

    _satellite.pageBottom();
  });
}(jQuery));

工作链接(只需点击 1 次即可访问内容)

<nav class="menu-inner">
  <ul class="nav">
    <li class="link-account">
      <a href="/site">
        <span class="icon-arrow-left"></span>Mon compte
      </a>
    </li>
    </li>
          <li>
      <a href="https://store.site.com/" target="_blank">
          Store
        <span class="icon-chevron-right-slim"></span>
      </a>
    </li>
  </ul>
</nav>

无效链接(点击 2 次即可触发链接)

<div id="wrapper-inner-subnav" class="menu-inner-subnav-wrapper">
    <div id="scroller">
        <ul class="z-1 list-unstyled">
            <li>
                <a href="/site/souscriptions" target="" class="active">
                    <span></span>
                    Souscriptions
                </a>
            </li>
            <li>
                <a href="/site/avantages" target="" class="">
                    <span></span>
                    avantages
                </a>
            </li>
            <li>
                <a href="/site/game" target="" class="">
                    Game
                </a>
            </li>
        </ul>
    </div>
</div>

你对这种奇怪的行为有什么想法吗？

提前致谢!

Answer 1

从表面上看，要么您没有发布足够的上下文，要么我认为 Adob​​e Analytics (AA) 跟踪不是问题所在。您的点击事件监听器的 CSS 选择器与您发布的 html 代码片段中的任何内容都不匹配，因此您的点击事件回调不会在点击其中的任何内容时触发。

因此，要么您没有发布足够的上下文(也许您的 css 选择器与 DOM/xpath 链上更高的部分匹配)，要么您的问题出在其他地方。

但即使假设它们确实触发，您仍然需要提供一些有关如何设置您正在调用的直接调用规则 (DCR) 的背景信息。 DTM 不提供任何用于停止 DCR 传播/冒泡的功能，但其中可能有一些自定义代码正在执行此操作。

顺便说一句，我注意到您将 _satellite.pageBottom() 埋在了 document.ready 回调中。你不应该这样做。这会导致以下问题 一般来说，限制 DTM 功能(但几乎肯定与此无关)。

DTM 页脚代码应直接放置在页面上，而不应包裹在任何内容中。理想情况下，它应该是脚本标记 block 中的唯一内容，以防止同一脚本 block 中的其他代码失败可能导致 DTM 页脚脚本执行(反之亦然)。 IOW，你应该是这个，完全独立(如果你愿意，你可以将它包装在 try..catch 中)。

<script>
_satellite.pageBottom();
</script>

顺便说一句，如果您不这样做，如果您关心这一点(您应该关心这一点，因为 Adob​​e Analytics 需要花费很多钱!)，Adobe 将不会支持您的实现!

显然，这会影响您最初的 digitalData 对象可用性，因此您也必须移动它。