javascript - 我们如何跟踪 amp 故事页面中链接标签的点击

Question

我有一个 amp 故事，其中我还使用 Google Analytics 实现了跟踪。诸如 story-page-visible 之类的事件运行良好。但是，当我尝试跟踪故事页面内 anchor 标记上的点击事件时，它不起作用。这些是我的触发器和 anchor 标记:

更新代码

 <amp-analytics type="gtag" data-credentials="include">
        <script type="application/json">
        {
          "vars": {
            "gtag_id": "UA-YYYY-Y",
            "event_category": "<%= storyName %>",
            "config": {
              "UA-YYYY-Y": {
                "groups": "default"
              }
            }
          },
          "extraUrlParams": {
            "cd75": "AMP",
            "cd69": "AMP",
            "cd81": "marketplace",
            "cd76": "${ampdocHostname}"
          },
          "triggers": {
            "linkClick" : {
              "on": "click",
              "selector": "a",
              "request": "event",
              "vars": {
                "eventCategory" : "click"
              }
            }
          }
        }
      </script>
    </amp-analytics>

 <a href="https://amp.dev/" >
                <p>click here to read more</p>
            </a>

点击 anchor 标记或点击工具提示不会触发任何事件。任何建议都会非常有帮助。

Answer 1

我试过你的例子，它似乎有效。我发布了我使用的完整配置，以便您可以与您的进行比较。另外，您是否在文档的头部添加了 amp-analytics 脚本？

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

--

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-YYYY-Y"
  },
  "triggers": {
    "default click": {
      "on": "click",
      "selector": "a",
      "request": "event",
      "vars": {
        "eventCategory": "amp click"
      }
    }
  }
}
</script>
</amp-analytics>

这里你打错了，忘了关闭 </p>标签，但它应该仍然有效。

<a href="https://amp.dev/" >
  <p>click here to read more</p>
</a>