Q&A#背景
Firebase web codelab を使用して、Firebase による Web アプリケーションの構築を勉強しています。
VMware Workstation 15 pro 上の仮想サーバ（openSUSE Tumbleweed 20201229）で、Firebase 8.2.1（無料版の Spark）をインストールして、上記サイトの①～⑯について、ひととおり動作確認をすることができました。
#質問
上記環境で、Google Analytics 4 によるデータ取得と表示を追加で試したいと思い、【こちら】を参考に Index.html に<script src="/__/firebase/8.2.1/firebase-analytics.js"></script> を追加して、現状、以下のようになっております。（一部抜粋）
html
1<!-- Import and configure the Firebase SDK --> 2<!-- These scripts are made available when the app is served or deployed on Firebase Hosting --> 3<!-- If you do not want to serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup --> 4<script src="/__/firebase/8.2.1/firebase-app.js"></script> 5<script src="/__/firebase/8.2.1/firebase-auth.js"></script> 6<script src="/__/firebase/8.2.1/firebase-storage.js"></script> 7<script src="/__/firebase/8.2.1/firebase-messaging.js"></script> 8<script src="/__/firebase/8.2.1/firebase-firestore.js"></script> 9<script src="/__/firebase/8.2.1/firebase-performance.js"></script> 10<script src="/__/firebase/8.2.1/firebase-analytics.js"></script> 11<script src="/__/firebase/init.js"></script> 12<script src="scripts/main.js"></script>
追加後、firebase deploy --except functionsでデプロイを実施して、24時間以上経過しましたが、添付の画像のとおり、何も表示されない状況です。
Firebase web codelab の Web アプリケーション（チャット）で文字や画像を複数回投入しても、何も変化がありません。Firebase のダッシュボード上も以下のとおり同様です。
Firebase の設定で、GA は有効になっているように見えます。
原因と対策について、心当たりのある方がいましたら、ご教示いただけますと幸いです。
また、他に必要な情報等ありましたら、ご教示ください。
よろしくお願い申し上げます。
回答1件
0
ベストアンサー
Google Analytics 4 にイベントデータを送信するための API（<b>gtag.js</b>）を<b> ＜head＞ </b>の先頭に埋め込むことで解決しました。詳細は以下をご参照ください。
サイトに gtag.js を追加する
投稿2021/01/16 08:54
編集2021/01/16 08:57
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。