サクラサク

Meta for Developers(旧Facebookデベロッパーツール)の登録手順と使い方

2024年6月19日

ねぎお社長 (根岸雅之)

WebサイトとFacebookページの両方を運営していると、相互連携させて、ユーザーにその両方を行き来してもらえるような導線作りをしたくなる場合も多いでしょう。相互連携の際に役立つのがFacebookアプリであり、Facebookアプリの開発用に提供されている無料サービスがMeta for Developers(旧Facebook for developers)です。

Meta for Developers(旧Facebookデベロッパーツール)の開発者登録手順と使い方を解説します。

Meta for Developers(旧Facebookデベロッパーツール)でできること

Meta for Developers(旧Facebookデベロッパーツール)には、Facebookアプリの開発に必要なプログラムや情報などがそろっています。開発というといわゆるプログラミングを想像されるかもしれませんが、例えば、WEBサイトにオリジナルデザインのFacebookページへの「いいね!」ボタンを表示させたい場合に必要なFacebookアプリであれば、Facebookデベロッパーツールのボタン操作だけで数分もあれば開発できます。

Facebookアプリとは

Facebook上で動作するプログラムをFacebookアプリといいます。Facebookユーザーが日常的に使っている「写真」「イベント」などは、Facebookが開発・提供しているFacebookアプリです。

WEBサイトとの連携アプリからゲームアプリ、音楽を聴けるアプリまで、開発規模の大小にかかわらず、Facebookアプリを開発する際には、必ずMeta for Developers(旧Facebookデベロッパーツール)の規約承諾とアカウント登録(開発者登録)が必要です。

WEBサイトとFacebookの連携例

Facebookアプリを作成すると、「アプリID(App ID)」と「App secret」が発行されます。これらをキーにして、WEBサイトとFacebookを連携させるわけです。後述「Meta for Developers(旧Facebookデベロッパーツール)の使い方」で、WordPressプラグインを例に、連携手順を説明します。

具体的な連携のかたちとしては、例えば次のようなものがあります。(イメージ画像はすべてWordPressで構築したサイトです)

●オリジナルデザインのシェアボタンの設置

●Facebookページの埋め込み表示

他にも、オリジナルデザインのいいねボタンを作成することが可能です。

参考:Facebookいいねボタン設置とapp作成・登録方法

開発者登録の手順【簡単3ステップ】

Facebookデベロッパーツールの登録は、Facebookの個人用アカウントで行います。WEBサイトとFacebookページを連携させたい場合は、あらかじめFacebookページの「管理者」になっておきましょう。

参考:【新デザイン対応】Facebookページの管理者を追加する方法は?

●① Facebookデベロッパーツールのページ「Meta for developers」を開き、右上の「スタートガイド」をクリックします。

●② ポリシー内容を確認し、同意する場合は「はい」を選択して「次へ」をクリックします。

●③ SMSまたは電話で認証コードを受け取り、コードを入力して「登録する」をクリックします。

●登録者の主な役割を選択すると開発者登録が完了した旨のメッセージが表示されます。以上で登録作業は完了です。

「完了」をクリックすると、さっそく「新しいアプリを追加」画面が表示されます。次項では、アプリ作成およびWEBサイト(WordPressプラグイン)連携の手順を説明します。

Meta for Developers(旧Facebookデベロッパーツール)の使い方

WEBサイト(WordPressプラグイン)とFacebookページとの連携を例に、Facebookアプリの作成手順と、連携手順を説明します。

Facebookアプリの作成【簡単4ステップ】

あらかじめ、開発者登録した個人用アカウントでFacebookにログインしておきましょう。

●① Meta for Developers(旧Facebookデベロッパーツール)を開き、右上の「マイアプリ」をクリックします。

●② 画面右上の「アプリを作成」をクリックします。

●③ アプリのタイプを選択し、その後に表示される各欄を記入・選択し、「アプリを作成」をクリックします。なお、「アプリ表示名」は任意のものでかまいません。Meta for Developers(旧Facebookデベロッパーツール)内でのアプリ識別のために使用するもので、あとで変更することもできます。

●④ セキュリティチェックに回答し、「送信」をクリックします。

●作成したアプリのダッシュボード画面に自動遷移します。以上で作成完了です。

EBサイト(WordPressプラグイン)とFacebookの連携【簡単4ステップ】

あらかじめ、開発者登録した個人用アカウントでFacebookにログインしておきましょう。

●① Meta for Developers(旧Facebookデベロッパーツール)を開き、右上の「マイアプリ」をクリックします。

●② 連携させたいアプリをクリックします。

●③ アプリのダッシュボード画面が開くので、「設定」>「ベーシック」をクリックすると、「アプリID(App ID)」と「App secret」が表示されます。「App secret」は「表示」をクリックすると、個人用アカウントのパスワード認証を挟んで表示されます。

●④ 「アプリID(App ID)」と「App secret」を、Facebookと連携させたいWordPressのプラグインに設定します。

●以上で連携完了です。

まとめ

Meta for Developers(旧Facebookデベロッパーツール)を使えば、今回紹介したWEBサイトとFacebookの連携のほか、WEBサイトの記事を効果的にシェアするときのOGP(Open Graph Protocol)設定もすぐにできます。

アプリ開発というとゲームアプリや音楽アプリを想像される方もいらっしゃると思いますが、FacebookアプリはWEBサイト運営にも効率的・効果的なツールです。ぜひ臆せず作成・利用してください。

執筆者 / 監修者

サクラサクマーケティング
株式会社

取締役 社長

ねぎお社長 (根岸雅之)

ねぎお社長 (根岸雅之)イラスト

サクラサクマーケティング株式会社 取締役社長 COO

1980年生まれ 大学卒業後、一貫して、広告・マーケティング業界に身を置く。2006年にSEM コンサルタントとして、インターネット総合代理店、株式会社オプトに入社。リスティング、ディスプレイ広告の運用から、SEOの施策提案など主にキーワードマーケティング領域に特化した業務に従事。同年10月に株式会社ブルトア(現サクラサクマーケティング株式会社)に転職。入社後は、営業をはじめ、SEOコンサルティング、新規事業開発、自社マーケ、人事、財務と幅広い領域を経験し、営業部長、執行役員、取締役と経て、2015 年に社名変更とともに取締役社長に就任。

SEOコンサルタントとして大規模サイトから新規サイトまで、売上向上に繋がるコンサルティングを武器に200サイト以上の実績。2023年には『なぜほとんどコンテンツマーケティングは失敗に終わるのか?』を執筆。ねぎお社長のSEOチャンネルをはじめ、YouTube、メルマガ、SNを通じて積極的に情報発信。

◇ 出版書籍

◇ 情報発信

◇ 掲載メディア

◇ 共催セミナー歴

  • オウンドメディアの成功事例とSEOを支える運用型広告の活用
  • 今日から始められるWebマーケティング~コンテンツマーケティングとGoogle マイビジネス~
  • GMO TECH × サクラサク共催セミナー~テクニカルSEOとコンテンツマーケ~
  • リモート環境下においても売上・利益が成長し続ける組織創りと営業戦略

関連記事

ブログ一覧

あっ!と思ったら
サクラサク
ご相談ください

まずは無料相談へのお申し込みがおすすめです。ベテランコンサルタントが直接対応いたします。

お電話でご相談の方はこちら

03-5776-2775

03-5776-2775

SEO・記事制作なら、
サクラサクにお任せください!

ご相談こちら
×