Javascript 我们如何跟踪amp故事页面中的点击链接标签
我有一个amp的故事,我也用谷歌分析实现了跟踪。事件(如“可见的故事页面”)工作正常。但是,当我试图在我的故事页面内的锚定标记上跟踪单击事件时,它不起作用。以下是我的触发器和锚定标记: 更新代码Javascript 我们如何跟踪amp故事页面中的点击链接标签,javascript,google-analytics,amp-html,amp-analytics,amp-stories,Javascript,Google Analytics,Amp Html,Amp Analytics,Amp Stories,我有一个amp的故事,我也用谷歌分析实现了跟踪。事件(如“可见的故事页面”)工作正常。但是,当我试图在我的故事页面内的锚定标记上跟踪单击事件时,它不起作用。以下是我的触发器和锚定标记: 更新代码 <amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars": { "
<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>
单击锚定标记或工具提示时不会触发任何事件。任何建议都会非常有用。我尝试了您的示例,它似乎有效。我正在发布我使用的完整配置,以便您可以与您的进行比较。 另外,您是否在文档的开头添加了amp分析脚本
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
--
我在触发器中添加事件名称时遇到了相同的问题修复了该问题
<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>
{
“vars”:{
“gtag_id”:“UA-YYYY-Y”,
“事件类别”:“,
“配置”:{
“UA-YYYY-Y”:{
“组”:“默认值”
}
}
},
“extraUrlParams”:{
“cd75”:“AMP”,
“cd69”:“AMP”,
“cd81”:“市场”,
“cd76”:“${ampdocHostname}”
},
“触发器”:{
“链接单击”:{
“打开”:“单击”,
“选择器”:“a”,
“请求”:“事件”,
“vars”:{
“事件名称”:“登录”,
“事件类别”:“单击”
}
}
}
}
潜在地添加实际的故事代码可能会揭示出一些错误。我还要检查你的触发器是否是在故事标签外的链接点击时触发的——这是一个孤立的问题吗?还有控制台错误吗?你的例子应该行得通,我想这正是文件中给出的例子,谢谢你的回答。我尝试了你的代码,它的工作。我认为我的问题是因为我使用了type=“gtag”
。当我尝试使用type=“googleanalytics”
时,会触发单击事件,但不会触发页面视图。我在这方面还是新手,有人能帮我一下使用gtag
和googleanalytics
有什么区别吗。
<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>
<a href="https://amp.dev/" >
<p>click here to read more</p>
</a>
<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>