我有一个 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 标记或单击工具提示时不会触发任何事件。任何建议都会非常有帮助。
最佳答案
我尝试了你的例子,它似乎有效。我发布了我使用的完整配置,以便您可以与您的进行比较。 另外,您是否在文档的头部添加了 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>
关于javascript - 我们如何跟踪 amp 故事页面内链接标签的点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57672155/