📱 QRコードでブログにアクセス

スマートフォンでQRコードを読み取って、記事に素早くアクセス

📝 ブログトップページ

技術記事一覧へアクセス

https://sue-san-blog.pages.dev/?utm_source=qr_code&utm_campaign=blog_index

🚀 Web/Native API層共通化戦略

React Router v7とReact Nativeの共通化戦略

https://sue-san-blog.pages.dev/web-native-api-strategy.html?utm_source=qr_code&utm_campaign=api_strategy

⚠️ 重要: Google Analytics設定手順

QRコードからのアクセスを計測するには、以下の設定が必要です：

  1. Google Analytics 4アカウントの作成
    https://analytics.google.com/ にアクセス
  2. 新しいプロパティを作成
    プロパティ名: Suguru Ooki Blog
  3. データストリームの設定
    プラットフォーム: ウェブ
    URL: https://suguruooki-blog.pages.dev
  4. 測定IDの取得
    形式: G-XXXXXXXXXX
  5. HTMLファイルの更新
    GA_MEASUREMENT_ID を実際の測定IDに置き換え

📊 Google Analytics 4 詳細設定

1 カスタムディメンション設定

管理 → カスタム定義 → カスタムディメンションを作成

  • ディメンション名: Source Type
  • 範囲: イベント
  • イベントパラメータ: source_type
  • ディメンション名: QR Campaign
  • 範囲: イベント
  • イベントパラメータ: qr_campaign
2 イベント設定

設定 → イベント → 作成

  • カスタムイベント名: qr_code_scan
  • トリガー: パラメータ utm_source が qr_code と等しい
3 レポート作成

探索 → 新しい探索を作成

  • ディメンション: Source Type, QR Campaign
  • 指標: イベント数, ユーザー数
  • フィルタ: イベント名 = qr_code_scan
4 リアルタイムレポートで確認

レポート → リアルタイム

QRコードをスキャンすると、以下が表示されます：

  • イベント名: qr_code_scan
  • パラメータ: utm_source=qr_code
  • ページビュー: 該当記事のURL

© 2026 Suguru Ooki | ブログに戻る | Twitter