GoogleTagManagerの設定を追加

[keitakn]

issueURL

https://github.com/commew/timelogger-web/issues/28

この PR で対応する範囲 / この PR で対応しない範囲

GoogleTagManager（以下GTMと略す）の設定が完了して、Google Analytics（以下GAと略す）上にデータが送信される状態になっている事。

Storybook の URL、 スクリーンショット

GA上にデータが送信されている事を確認済

VercelにGTMのIDを環境変数として追加済

変更点概要

GoogleTagManager用のComponentを作成してNext.jsのCustomAppComponentから読み込むように設定。

スクリーンショットにもあるようにGA上にデータが送信されている事も確認済です。

ローカルで開発する際にデータが送信されないように環境変数 NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID が存在しない場合はGoogleTagManager用のComponentを読み込まないようにしています。

ローカルでGAの検証をしたい場合は .env を生成して NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID を設定する必要があります。

NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID=GTM-XXXXXXX

レビュアーに重点的にチェックして欲しい点

レビューについて

情報共有の為、レビュアーに設定させて頂いております。

しばらくは開発が出来る状態までプロジェクトを整備している状況です。

お時間がありましたら、目を通して頂く程度の温度感で問題ありません。

※ 初期構築が完了した時点でフロントエンドメンバーには別途説明会の機会を作らせて頂きます。

補足情報

インラインコメントに記載してあります。

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
timelogger-web	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Mar 3, 2023 at 2:59AM (UTC)