gtag.jsはアロー関数では動かない

2022/8/31 19:57

2025/5/16 07:28

タグ:

Google Analytics

JavaScript

プログラミング

なぜこの問題に遭遇したか

function gtag(){dataLayer.push(arguments);}

Google アナリティクスを導入したことがある人なら見るであろうコード。
当然、このままなら普通に動く。
だが、私は可能であれば絶対に function を使いたくない。
そこで、gtag.js を以下のように書いたことでこの問題に遭遇した。

const gtag = (...args) => dataLayer.push(args);

collect のリクエストが送信されなかった。
これが送信されないと計測ができない。

これは推測でしかないが、dataLayer に push するのはただの配列風オブジェクトではなく、Arguments オブジェクトでないといけないのが原因。
実際、function でも下のコードでは動かなかった。

const gtag = function (...args) {
  dataLayer.push(args);
};

arguments を使用できる function を使わないといけないので、アロー関数は諦める。