過去バージョン

この本文には実行可能なタグ等が含まれるため、安全のためHTMLソースとして表示しています。本文データは変更していません。

<table border="1" cellpadding="6" cellspacing="0" style="border-collapse:collapse;background:#fffbea;border:1px solid #f4c430;margin:1em 0;width:100%"><tr><td style="background:#f4c430;color:#000;font-weight:bold;padding:8px">この記事の要点</td></tr><tr><td style="padding:10px"><ul><li><strong>Facebook</strong> は Meta Platforms 社が運営する世界最大級の SNS。月間アクティブユーザーは 30 億人規模</li><li><strong>OGP (Open Graph Protocol)</strong> をページに埋め込むと、URL を貼った時の<strong>カードプレビュー</strong>を制御できる</li><li>プログラムから情報を取得・投稿するには <strong>Graph API</strong> を使う。<a href="https://developers.facebook.com/">Meta for Developers</a> で App を登録しアクセストークンを取得</li><li><strong>Facebook ログイン</strong>は OAuth 2.0 ベース。サードパーティサイトの認証連携で広く利用される</li><li><strong>Meta Pixel</strong> をサイトに埋め込むと、コンバージョン計測と広告ターゲティングが可能</li></ul></td></tr></table>
<h2>Facebook とは</h2>

<p><strong>Facebook</strong> は 2004 年に開始された、<strong>Meta Platforms 社</strong>（旧 Facebook 社）が運営する世界最大級のソーシャル・ネットワーキング・サービス (SNS) です。実名登録を基本とし、友人・知人とのつながり、ニュースフィード、グループ、ページ、Marketplace、動画などを提供します。</p>

<p>2021 年に社名が Meta に変更され、現在は <strong>Instagram / Messenger / WhatsApp / Threads</strong> 等を含む Meta ファミリーの中核プラットフォームです。</p>

<h2>主なサービス</h2>

<table border="1" cellpadding="6" cellspacing="0" style="border-collapse:collapse;width:100%">
<thead><tr style="background:#e3f2fd"><th>機能</th><th>概要</th></tr></thead>
<tbody>
<tr><td>プロフィール</td><td>個人アカウント。友達申請ベース</td></tr>
<tr><td>Page</td><td>企業・ブランド・著名人用の公開ページ</td></tr>
<tr><td>Group</td><td>趣味・地域・目的別の集まり</td></tr>
<tr><td>News Feed</td><td>友人やフォローページの投稿を時系列で表示</td></tr>
<tr><td>Marketplace</td><td>個人間売買</td></tr>
<tr><td>Facebook ログイン</td><td>サードパーティサイトでの認証連携</td></tr>
<tr><td>広告 (Meta Ads)</td><td>Facebook / Instagram 横断の広告配信</td></tr>
</tbody>
</table>

<h2>開発者向け：3 つの主要 API</h2>

<h3>1. Graph API</h3>

<p><strong>Graph API</strong> は Facebook のデータを RESTful に取得・操作する API です。投稿、ページ情報、写真、コメントなどが対象です。</p>
<pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-bash"># 自分のプロフィールを取得
curl "https://graph.facebook.com/v19.0/me?access_token=YOUR_ACCESS_TOKEN"

# Page の投稿一覧
curl "https://graph.facebook.com/v19.0/{page-id}/posts?access_token=YOUR_TOKEN"</code></pre>
<h3>2. Marketing API</h3>

<p>Facebook 広告を<strong>プログラムから作成・配信・計測</strong>するための API 群です。エージェンシーや広告管理ツールが活用します。</p>

<h3>3. Webhooks</h3>

<p>ページへのコメント、Messenger のメッセージなどの<strong>イベントをサーバーへプッシュ</strong>通知する仕組みです。bot 構築の基盤になります。</p>

<h2>OGP (Open Graph Protocol)</h2>

<p>自社サイトの URL を Facebook（や他の SNS）でシェアした時の<strong>カードプレビュー</strong>を制御するメタタグです。サイト側で次のような <code><meta></code> タグを <code><head></code> 内に置きます。</p>
<pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-html"><meta property="og:title"       content="記事タイトル">
<meta property="og:description" content="ページの説明文">
<meta property="og:image"       content="https://example.com/ogp.jpg">
<meta property="og:url"         content="https://example.com/article/1">
<meta property="og:type"        content="article">
<meta property="og:site_name"   content="サイト名"></code></pre>
<p>OGP の動作確認には <strong>Sharing Debugger</strong>（<code>https://developers.facebook.com/tools/debug/</code>）が便利です。キャッシュが残っている場合の<strong>強制再取得</strong>もここで行えます。</p>

<h2>Facebook ログイン (OAuth 2.0)</h2>

<p>自社サイトに Facebook ログインボタンを置く際の最小フロー:</p>

<ol>
<li><strong>Meta for Developers</strong> で App を作成し、<code>App ID</code> / <code>App Secret</code> を取得</li>
<li>ログインボタンから <code>https://www.facebook.com/v19.0/dialog/oauth?...</code> へリダイレクト</li>
<li>ユーザー承認後、<code>code</code> 付きで自社へ戻ってくる</li>
<li>サーバーで <code>code</code> を <strong>アクセストークン</strong>と交換</li>
<li>トークンで Graph API を叩いてユーザー情報を取得</li>
</ol>

<h2>Meta Pixel</h2>

<p>自社サイトに JavaScript タグを 1 つ貼ることで、ページビュー・コンバージョンを Meta 広告システムに送信できます。これを使ってリターゲティングや効果計測を実現します。</p>
<pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-html"><!-- Meta Pixel コード（抜粋） -->
<script>
!function(f,b,e,v,n,t,s){...}(window, document, &apos;script&apos;, ...);
fbq(&apos;init&apos;, &apos;YOUR_PIXEL_ID&apos;);
fbq(&apos;track&apos;, &apos;PageView&apos;);
</script></code></pre>
<h2>公式リソース</h2>

<ul>
<li>公式サイト: <a href="https://www.facebook.com/">https://www.facebook.com/</a></li>
<li>開発者ポータル: <a href="https://developers.facebook.com/">Meta for Developers</a></li>
<li>Graph API リファレンス: <code>https://developers.facebook.com/docs/graph-api</code></li>
<li>OGP 仕様: <a href="https://ogp.me/">https://ogp.me/</a></li>
</ul>

<h2>Graph API のバージョン管理</h2>

<p>Graph API は<strong>3 ヶ月毎</strong>に新バージョンがリリースされ、概ね<strong>2 年で旧バージョンが廃止</strong>されます。URL に <code>v19.0</code> のようにバージョンを明示することで、突然動作が変わるリスクを抑えられます。アプリ運用では、リリースノートを定期的に確認し、廃止予定の API を早めに置き換えるのが大切です。</p>

<h2>アクセストークンの種類</h2>

<table border="1" cellpadding="6" cellspacing="0" style="border-collapse:collapse;width:100%">
<thead><tr style="background:#e3f2fd"><th>種類</th><th>主な用途</th><th>有効期限</th></tr></thead>
<tbody>
<tr><td>User Access Token</td><td>ログインしたユーザーの代理でデータ取得</td><td>短期 (約1〜2時間) / 長期 (約60日)</td></tr>
<tr><td>Page Access Token</td><td>Page を管理するアプリ向け</td><td>長期化可能</td></tr>
<tr><td>App Access Token</td><td>アプリ自体としての操作（公開情報のみ）</td><td>App Secret 有効中</td></tr>
<tr><td>Client Access Token</td><td>iOS/Android クライアント向け</td><td>長期</td></tr>
</tbody>
</table>

<h2>運用上の注意</h2>

<ul>
<li><strong>App Review</strong>: 公開アプリで Email / 友達リスト等の権限を使うには Meta の審査が必要</li>
<li><strong>Data Use Checkup</strong>: 一定期間ごとに「データを今もアクセスしている」と申告しないとアクセスがブロックされる</li>
<li><strong>レートリミット</strong>: 1 ユーザーあたり / 1 アプリあたりで上限がある。ヘッダ <code>X-App-Usage</code> 等で監視可能</li>
<li>iOS の ATT (App Tracking Transparency) や iOS 14.5 以降の制約で、<strong>Pixel の効果計測精度が低下</strong>。<strong>Conversions API (CAPI)</strong> でサーバー側送信を併用するのが現在の主流</li>
</ul>

<h2>関連</h2>

<ul>
<li><a href="/article/10990">Twitter</a></li>
<li><a href="/article/20259">Twitter API</a></li>
<li><a href="/article/10985">Youtube</a></li>
<li><a href="/article/11012">YouTube Data API (v3)</a></li>
<li><a href="/article/20262">Facebook API（旧記事）</a></li>
<li><a href="/article/21297">OAuth2.0</a></li>
</ul>