我们如何跟踪对 amp 故事页面中的链接标签的点击答案

【问题标题】：How can we track click on link tags inside amp story pages我们如何跟踪对 amp 故事页面中的链接标签的点击
【发布时间】：2019-08-27 09:57:32
【问题描述】：

我有一个 amp 故事，我还使用 Google Analytics 实现了跟踪。诸如故事页面可见之类的事件运行良好。但是当我试图在我的故事页面中跟踪锚标记上的点击事件时，它不起作用。这些是我的触发器和锚标记：

更新代码

 <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>

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

【问题讨论】：

可能添加实际的故事代码可能会对错误有所了解。我还会检查您的触发器是否在故事标签之外的链接点击时触发 - 这是否只是一个孤立的问题？还有任何控制台错误？我认为您的示例应该可以工作，因为这是文档amp.dev/documentation/components/amp-analytics/#click-trigger 中给出的确切示例

标签： javascript google-analytics amp-html amp-analytics amp-stories

【解决方案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>

【讨论】：

感谢您的回答。我试过你的代码，它可以工作。我认为我的问题是因为我使用的是type="gtag"。当我尝试使用type="googleanalytics" 时，会触发点击事件，但不会触发综合浏览量。我还是新手，谁能帮我使用gtag和googleanalytics有什么区别。

【解决方案2】：

我遇到了同样的问题，在触发器中添加 event_name 解决了这个问题

   <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": {
            "event_name" : "login",
            "eventCategory" : "click"
          }
        }
      }
    }
  </script>
</amp-analytics>

【讨论】：