ホーム自己紹介ブログ
NO.425
DATE2026. 07. 31

Google AnalyticsとData Studio

個人ブログを見つけて、読んで、シェアするアプリ こぶりー がどれぐらい使われているか知りたいです。

こぶりー

個人ブログを見つけて、読んで、シェアするための小さなライブラリです。

kobliy.vercel.app

今までは、Google Analytics (以降、GA) を導入するだけだったので、アクセス数や直帰率といったざっくりとした数値しか分かりません。
これはこれで良いのですが、もう少し細かく分析したくなりました。
そこで完全無料で GA と Data Studio を使って よくある分析グラフを用意しました。

BigQuery は使わない

イベントデータを集める場所を無料枠内の BigQuery に入れるのがよく見るのですが、
下手したら課金してしまうため避けたかったのです。
クレジットカードへの紐付けをしたくなかったのと、Sandbox環境というのもできることが制限されるので、
避けました。
データは、GA に送信するようにして集めるようにしました。

設計とE2E

基本的には、GAの自動・拡張計測のイベントを頼りたいのですが、
それに加えてアプリ独自のイベント計測をGAに送信する、というのが原則です。
独自とは、「記事を読む」や「記事をシェアする」、「Webプッシュで開いたか」などのイベントです。

これらを AI に設計書を書かせて私がレビューします。
不明点を全て潰した後は、それを満たすE2Eテストコードの設計書を書かせます。
私は、TestContainers + Playwright + Cucumber.js による受け入れテストしか書いていなくて、単体テストは書いていません。
その受け入れテストに、全てのイベントを経由する1本のシナリオを作って、最終的にGAへ送信するデータをまとめてチェックする、
というテスト設計にしました。
ゴールは、過不足なくイベントが期待通り送信されたことになります。

後はプロダクションコードを実装させてレビューができたら、
受け入れテストを書かせます。
この受け入れテストをPASSさせるのがとても大変で、1日かかりました。
たまにプロダクションコードの不具合を検知するので、良い体験でした。

これを通せたら、そのままデプロイして コード修正は終了です。

GA側の設定

Codex App では ブラウザ操作をやってくれるため、
先ほど書いた設計書を読んで GA 側の設定をして貰いました。
なんだか、先輩マーケターに代わりにやってもらっている感じの気分 になりました。
GA のどこに標準・拡張機能イベントの設定やカスタム定義の設定、エンゲージメント設定があるのか、
先輩に教えてもらいながら設定して貰いました。

Data Studio側の設定

Codex 先輩に、GAと同様に Data Studioの設定もお願いしました。
といっても、データソースとしてGAを登録して、いくつかグラフを追加して貰いました。
ただグラフは、私が欲しいと思ったものを入れないと意味がないので、何が欲しいのかよく考えました。
元々気になっていたことがどうなっているのかをわかるようなグラフを用意しました。

  • 時間帯と曜日のクロスでのイベントヒートマップ
  • 流入元はどこが多くて、新規・リピータの割合はどれぐらいか
  • どの機能がどれぐらい使われているか

あと、イベント数の中で私のイベントを除去するようにしました。
検証のためにWebプッシュの動作を見たり、購読を繰り返したりしていたので...笑
除去のロジックは、私の住んでいる地域を除外という荒技です。
田舎民の特権ですね。

準備OK

Data Studio の準備ができたので、とりあえず今は見た目無視で分析したいグラフを作っては捨てたりしています。
私の中で知識が浅いところは、Codex 先輩にブラウザ操作して見てもらって分析してもらってフィードバックをもらって、
改善を色々やっています。

昔勤めていた職場で、GAやLookerをバリバリ使われているところがあったのですが、
その完成された分析ページを見て 微調整などをやったことはあるのですが、
やはりゼロから作るのは難しいですね。
何を見るのか、分析のどういうデータを作れば良いのか、
手探りな感じです。

わからないことがあるのは楽しくて、
少しずつ形になっていくのがさらに楽しいです。

終わり

こぶりーは、日曜日の夜9時ぐらいが一番アクセスが多い ようです。
逆に少ないのは、土曜日と水曜日で午前中のようです。
アイデアとして、週末向けに"今週よく読まれた記事"みたいなページがあると良いかもですね。

こぶりー

個人ブログを見つけて、読んで、シェアするための小さなライブラリです。

kobliy.vercel.app

個人開発

-

読者になる

|

シェアする

|

silverbirders

silverbirder

Webソフトウェアエンジニア
個人ブログキュレーション こぶりー 運営

ブログを応援する

この記事がよかったら、お布施という形で応援してもらえるとうれしいです。

おふせぼたん

※ ログイン不要で投稿できます。

※ 同じブラウザから投稿を削除できます。

0

読み込み中...

次の記事へ前の記事へ

関連する記事

タグ「個人開発」の記事

『個性を磨くUI観点』本を執筆

AI ぽい UI デザインを脱したい人向けの本を執筆しました! 文字・余白・形・色・操作 など合計8つの観点で、UI デザインを考える本になります。 ぜひお手に取って、みてもらえればと思います。 対象読者は、 UI デザインを考える人、作る

2026年11月09日

個人開発
デザイン
Design Doc, ADR, RFC

趣味レベルの開発であっても、最近では DesignDocやADRを書き残すようにしています。 ナイモノは読めないから Design Doc のような機能に関する仕様や、 ADR のような全体のアーキテクチャに関する仕様など、 意思決定は山ほ

2026年10月09日

仕事
個人開発
こぶりーに、RSSなしブログを掲載開始!

個人ブログを見つけて、読んで、シェアするアプリ こぶりー に、RSSがないブログ も掲載できるようにしました!🎉 別途サイト内お知らせにもお伝えする予定です。 これで(私の)お気に入りのRSSがないブログも、こぶりーで見つけることができる

2026年10月04日

個人開発
← ブログ一覧へ