Javascript 我们如何跟踪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的故事,我也用谷歌分析实现了跟踪。事件(如“可见的故事页面”)工作正常。但是,当我试图在我的故事页面内的锚定标记上跟踪单击事件时,它不起作用。以下是我的触发器和锚定标记:

更新代码

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