📈

GoogleアナリティクスでWebアプリのユーザー数やPV数を計測する

2024/09/27に公開

開発環境

  • macOS
  • VSCode
  • Rails 7.1.3.3
  • ruby-3.2.3
  • PostgreSQL 16.2
  • Heroku

行いたいこと

  • Google アナリティクスを導入して設定をする。ユーザー数やPV数を計測する。






Google アナリティクスに登録する

(Google翻訳で日本語翻訳されています)
測定を開始するさっそく始める
Image from Gyazo
アカウント名を入力
Image from Gyazo
アカウントデータ共有設定を以下の様に設定
Image from Gyazo
プロパティ名を入力レポートタイムゾーン日本通貨日本円に変更する。
Image from Gyazo
業種を選択 ⇨ 事業規模(小規模従業員 1~10)
Image from Gyazo
渋滞を選択
Image from Gyazo
・利用規約を読みチェックする
Image from Gyazo

ここまででアナリティクスの登録は完了です。




続けてGoogle アナリティクスに設定する

(Google翻訳で日本語翻訳されています)
ウェブを選択
Image from Gyazo
・アプリのURLアプリ名を入力し ⇨ 作成して続行
Image from Gyazo
・コードが生成されているのでapp/views/layouts/application.html.erbへコピペする。
Image from Gyazo
・アプリのURLを入力 ⇨ test緑のチェックマークが出ることを確認する
Image from Gyazo

生成されたコードの確認

レポートプロパティ設定データの収集と変更データストリーム ⇨ 登録したものを選択する
Image from Gyazo
ウェブストリームの詳細Googleタグタグの説明を見るを選択
Image from Gyazo
Install manuallyの方を選択 ⇨ <!-- Google tag (gtag.js) -->以下にコードが生成されているのでapp/views/layouts/application.html.erbへコピペする。
Image from Gyazo
・アプリのURLを入力 ⇨ test緑のチェックマークが出ることを確認する
Image from Gyazo

ここまででアナリティクスの設定は完了です。




PV数が確認できるように設定する

(Google翻訳で日本語翻訳されています)
レポート図書館新しいコレクションを作成する
Image from Gyazo
婚約を追加し保存する
Image from Gyazo

ユーザー数とPV数の確認方法

(Google翻訳で日本語翻訳されています)
レポートレポートスナップショットアクティブユーザーで確認
Image from Gyazo
ライフサイクル婚約ページと画面で確認
Image from Gyazo




ここまででアナリティクスの設定は完了です。






GitHubで編集を提案

Discussion