ReactにおけるGoogle Analyticsの実装手順

ReactアプリにGoogle Analyticsを導入する手順

以前の記事で、Reactを使ったWebサービスを個人開発しました。その際、アクセス解析のためにGoogle Analyticsを導入したので、手順を備忘録として残しておきます。

---

手順

1. Google Analyticsの開発者サイトにアクセスします。

2. 「測定を開始」をクリックします。
   

3. 任意の「アカウント名」を入力し、「次へ」をクリックします。
   

4. 任意の「プロパティ名」を入力し、タイムゾーンと通貨を選択して「次へ」をクリックします。
   

5. 各質問に回答します。
   
   

6. 利用規約を確認し、同意します。
   

7. 「ウェブ」をクリックします。
   

8. 分析したいサイトの「URL」と「ストリーム名」を入力します。
   

9. 作成されたストリームをクリックします。
   

10. 表示された「測定ID」を確認します。
    

11. Reactの public フォルダ内にある index.html ファイルに、以下のスクリプトを追加します。

    <script async src="https://www.googletagmanager.com/gtag/js?id=(10で確認した測定ID)"></script>
    

以下が個人開発したwebサービスになります。

みなさんよければアクセスしていろいろなFBをいただけると嬉しいです。

1.海外からの旅行者が、日本に関するさまざまなトピックについて、不特定多数の人とリアルタイムで自由に情報を共有できるWebサービス

2.申請方法や入手方法に関するマニュアルを作成・共有するWebサービス