Google タグマネージャーにユーザー IDを送信する際のハマりごと

ログインするウェブサイトで、GA4にユーザーIDを送信する設定を行なった。

公式ガイドでは、タグマネージャー設定が下記の流れで紹介されている。

1. タグマネージャーでGA4設定タグを追加
2. ユーザー定義変数user_idを設定。dataLayer.push関数でウェブサイトから送信。
3. Googleアナリティクス4設定タグで、user_idを送信。

ところが、ga4でuser_idが受け取れない。
タグマネージャーのデバッグを確認したところ、GA4の発火時にはdataLayerが空で、その次のステップでdataLayerが送信されていた。

dataLayer.push関数ではなく、dataLayerの配列をタグマネージャーの読み込み前に作成すると、GA4の発火時にdataLayerが取得できて解決。

dataLayer = [{
'user_id': 'USER_ID'
}];