📈

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

に公開
2025/04/21

開発環境

  • 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