API連携セットアップガイド
ダッシュボードで各プラットフォームのインサイトを表示するための設定方法
Google Analytics連携
必要なもの
- Google Analyticsアカウント
- Google Cloud Platformプロジェクト
- Google Analytics Data API有効化
手順
1. Google Cloud Platformでプロジェクト作成
Google Cloud Console(https://console.cloud.google.com)にアクセス
2. Google Analytics Data APIを有効化
APIライブラリから「Google Analytics Data API」を検索して有効化
3. サービスアカウントを作成
IAMと管理 → サービスアカウント → 作成
4. JSONキーをダウンロード
サービスアカウント → キー → 新しいキーを作成(JSON形式)
5. Google Analyticsでサービスアカウントに権限付与
Google Analytics → 管理 → プロパティのアクセス管理 → サービスアカウントのメールアドレスを追加(閲覧者権限)
サンプルコード(JavaScript)
💡 ヒント
Property IDは、Google Analytics → 管理 → プロパティ設定で確認できます。
Twitter API連携
必要なもの
- Twitter Developerアカウント
- Twitter APIキー(API Key、API Secret Key)
- Bearer Token
手順
1. Twitter Developer Portalにアクセス
2. アプリを作成
Projects & Apps → Create App
3. APIキーとBearer Tokenを取得
Keys and tokens → Regenerate(安全に保管)
4. User authentication settingsを設定
Read権限を付与
サンプルコード(JavaScript)
⚠️ 注意
Twitter API v2は無料プランで月間500,000リクエストまで利用可能です。制限に注意してください。
LinkedIn API連携
必要なもの
- LinkedIn Developer Account
- LinkedIn Page(会社ページ)
- Client ID、Client Secret
手順
1. LinkedIn Developers Portalにアクセス
2. アプリを作成
Create app → 必要情報を入力
3. 必要な権限をリクエスト
Products → Marketing Developer Platform(審査が必要)
4. OAuth 2.0で認証
Auth → Settings → Redirect URLsを設定
サンプルコード(JavaScript)
⚠️ 重要
LinkedIn Marketing Developer Platformは審査が必要です。承認までに数週間かかる場合があります。
Facebook Graph API連携
必要なもの
- Facebook Developersアカウント
- Facebookページ
- App ID、App Secret
- Page Access Token
手順
1. Facebook Developers Portalにアクセス
2. アプリを作成
My Apps → Create App → Business
3. Facebook Loginを追加
Add Products → Facebook Login
4. Page Access Tokenを取得
Tools → Graph API Explorer → Generate Access Token
5. 必要な権限を付与
pages_read_engagement, pages_read_user_content
サンプルコード(JavaScript)
✅ ヒント
Access Tokenは60日で期限切れになります。長期トークンを取得するか、定期的に更新してください。
環境変数の設定
推奨される設定方法
APIキーやトークンは環境変数として管理し、コードに直接書かないようにしましょう。
Cloudflare Workersでの設定
Cloudflare Workersを使用する場合、環境変数はシークレットとして設定します。
🔐 セキュリティ重要
APIキーやトークンは絶対にGitHubなどの公開リポジトリにコミットしないでください。.envファイルは.gitignoreに追加しましょう。
🎉 セットアップ完了後
すべてのAPI連携が完了したら、ダッシュボードでリアルタイムのインサイトを確認できます。
✅ 確認できるデータ
- • Webサイトのページビュー・滞在時間
- • SNSのフォロワー数・エンゲージメント率
- • お問い合わせ・コンバージョン数
- • トラフィックソースの分析
📊 活用方法
- • 定期的にKPIをチェック
- • 人気コンテンツを分析
- • マーケティング戦略の改善
- • レポート出力で共有