如何将amp-analytics与sendBeacon有效负载一起使用作为POST？

Question

我想使用sendBeacon应用编程接口(传输"beacon": true)将分析数据发送到自定义URL。查询字符串中编码的有效负载运行良好，但我希望将其放入POST正文中。

我尝试了PR #1162中建议的配置，但后来我意识到它没有合并到amp-analytics中。有没有办法在当前实现中对其进行配置？

Answer 1

尝试添加

"transport": {
  "beacon": true,
  "xhrpost": false,
  "image": false
}

添加到您的代码。

完整的示例如下所示：

​

<amp-analytics>
<script type="application/json">
{
  "requests": {
    "pageview": "https://example.com/analytics?url=${canonicalUrl}&title=${title}&acct=${account}",
    "event": "https://example.com/analytics?eid=${eventId}&elab=${eventLabel}&acct=${account}"
  },
  "vars": {
    "account": "ABC123"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    },
    "trackAnchorClicks": {
      "on": "click",
      "selector": "a",
      "request": "event",
      "vars": {
        "eventId": "42",
        "eventLabel": "clicked on a link"
      }
    }
  },
  "transport": {
    "beacon": true,
    "xhrpost": false,
    "image": false
  }
}
</script>
</amp-analytics>

​