Question

例如，如果我要跟踪侧边栏是否已打开或关闭。我正在寻找与此有关的文档和示例，到目前为止仅在https://github.com/ampproject/amphtml/issues/4508?_pjax=%23js-repo-pjax-container中找到了简短的提及。

Answer 1

您可以尝试使用可见性触发器吗？

"triggers": {
    "trigger name": {
        "on": "visible",
        "selector": "#sidebar_id",
        ....
    }
 ...

Answer 2

在放大器分析中使用点击触发器：https://www.ampproject.org/docs/reference/components/amp-analytics#click-trigger

    {
  "requests": {
    "pageview": "https://example.com/page",
    "event": "https://example.com/page?category=${eventCategory}&action=${eventAction}"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    },
   "trackClick": {
      "on": "click",
      "selector": ".header",
      "request": "event",
      "vars": {
        "eventCategory": "clickEvent",
        "eventAction": "amp-sidebar"
      }
    }
  }
}

设置选择器，它是您的放大器侧边栏选择器。在requests.event中，有两个变量“ eventCategory”和“ eventAction”，可以在“ vars”部分的事件触发器中进行设置。名为“ trackClick”的JSON关于如何设置事件及其变量。 “ requst”：“ event”表示将调用事件URL。 “ on”：“ click”定义点击事件。 “选择器”是您要跟踪点击事件的html选择器。当触发特定事件时，“ vars”将替换事件URL中的变量。

将amp-analytics与amp-sidebar一起使用

2 个答案: