amp-html - sendBeacon ペイロードを POST として amp-analytics を使用するにはどうすればよいですか?

Question

sendBeacon API (transport) を使用してカスタム URL に分析データを送信したいと考えています"beacon": true。クエリ文字列にエンコードされたペイロードはうまく機能しますが、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>