サイト運営には不可欠!!自分のブログ用のFacebookPage作ろう。

ブログを始めて間もないのですが、ブログをやっている人達って皆んな自分のブログのFacebookPage持ってるじゃないですか。必ずと言っていいほどブログのどこかにFacebookPageへのいいねボタンありますし…
僕も自分のFacebookPageが欲しい!!!!!
そしてこのブログのサイドバーにFacebookPagePluginを設置したい!!!!
FacebookPageってなあに?
まずはそもそもFacebookPageが一体なんなのかという説明から。
Facebookには「個人用アカウント」と「FacebookPage」の2つの種類のアカウントが存在しています。
個人用アカウントの特徴は…
- 基本的に実名で登録する必要がある
- 友達申請が可能
- 既に知り合いの人と繋がるのが目的
それに対してFacebookPageの特徴は…
- 実名以外でも登録可能
- 友達申請が不可(代わりにいいねして貰う事でファンになってもらう)
- 基本的に公開で誰でも見る事が可能
つまり個人用アカウントが閉鎖的なアカウントであるのに対してFacebookPageはオープンなアカウントという事になります。
よってFacebookPageは基本的に企業やサービスが利用して自分たちのサービスをより多くのFacebookユーザーに広める事を目的としてアカウントの運営をしています。
そして、このFacebookPageは個人用アカウントがあれば誰でも作成する事ができるので、ブログだったりWebサイトのFacebookPageを作成して、自分のサイトを広めたりブログの場合は更新情報を発信するために利用する事が可能なのです。
FacebookPageを作成してみる
FacebookPageが何なのか分かったところで、早速作成していきましょう。
まずはFacebookPageの作成ページへと飛びましょう。

パッと見この6つのカテゴリの中から自分の作成するFacebookPageに該当するものを選択しないといけないのかと焦るのですが、実はそれぞれの項目をクリックすると更にそこからカテゴリーが細かく分かれています。

「ブランドまたは製品」の方には「ウェブサイト」というカテゴリがあります。

また、「アーティスト、バンドまたは著名人」の方には「ブロガー」というまさにこれだ!というカテゴリが存在しています。
ブログのFacebookPageを作成する場合は「ウェブサイト」か「ブロガー」を選択すると良いですね。
ちなみに僕は「ウェブサイト」の方にしました。理由は「アーティスト、バンドまたは著名人」の中のカテゴリであるブロガーを選ぶ勇気が無かったからです。

カテゴリを選択したらその下にはウェブサイト名を入力して「スタート」をクリックします。
ここから先は細かい設定になります。

FacebookPageに関する簡単な説明。そしてサイトのURL、FacebookPageのカスタムURLを記入して「情報を保存」をクリックします。

お次はFacebookPageのプロフィール画像の設定ですが、何も考えていませんでした。
とりあえず今回は飛ばします。個人アカウント同様に後から幾らでも変更できるので。できればプロフィール画像はシンプルな感じにしたいなぁと思っています。テキストだけみたいな。

お次は自分のページをFacebookのサイドバーに登録してすぐにアクセスできるようにするかどうかの設定。とりあえず「お気に入りに追加」をクリックして追加しておくことにします。

さて最後はちょっとマーケティングっぽい事をします。
ターゲットの設定ですね。ここで設定した人がこのページを発見しやすくなるようです。
僕の場合「地域」はどこでもいいのですが、お店のFacebookPageならここをお店の近くに設定したりするわけですね。
「年齢」はなるべく若い人でウェブデザインを丁度勉強しているような人に読んで欲しいので18〜23歳に設定。「性別」は特に設定しないで、「趣味・関心」にはウェブデザインを設定しておきました。
そして「言語」は日本語なのですが、Facebookには日本語と言っても「日本語」と「日本語(関西)」の2種類の言語が存在しているので一応両方設定しておきます。
設定し終わったら「保存」ボタンをクリックします。

作成完了しました〜!!
後はプロフィール画像の設定やカバー画像の設定。そして細かいプロフィール情報なんかを記入していけば完成です。
PagePluginを追加したい
さてFacebookPageの作成が完了したので、FacebookのPagePluginというのをブログの方に追加してみようと思います。
PagePluginというのはこういうやつの事です↓
ブログや企業サイトなんかでよく見かけますよね。
FacebookPageもできた事ですし、このブログのサイドバーにも設置しようかと思います。
コードの取得
まずはコードの取得から。
facebook for developersのページプラグインにアクセスします。
少し下にスクロールするとPagePluguinの設定をする場所があります。
初めはFacebookの公式Pageが設定されていますが、「FacebookページのURL」を自分のFacebookPageのURLに変更すると自分のFacebookPageに変わります。

後は幅や高さを調節したりですが、設定しなくても特に問題ないだろうという事で今回は放置します。
幅や高さを設定する項目の下には4つのチェックマークがありますが、そこはお好みで設定しましょう。

設定が完了したら下にある「コードを取得」ボタンをクリックします。
するとコードが表示されるのでコードを貼り付ければWebサイトにPagePluginを設置する事ができるというわけです。

コードの設置
僕は今回サイドバーにPagePluginを設置したいのでサイドバーにコードを貼り付けます。

とりあえずカテゴリーの下に設置しました。
なんとも味気ないですが、これからプロフィール画像やカバー画像を設定していきます。
以上、FacebookPageの作成からPagePluginの導入までの手順でした。


Visual Studio Codeでショートカットキーを変更する方法
Macのアプリインストールとアンインストール方法まとめ
Alfredからメニューバーの項目を検索・実行するWorkflow「Menu Bar Search」
Keyboard Maestroのバージョン9.0がリリース!ダークモード対応やJSON関連のアクションが追加
Macを起動したのが平日か休日か判定して、起動するアプリを変えるKeyboard Maestroマクロの作り方
Fantasticalの月間カレンダーは3段にして使うのがオススメ!
MacのターミナルアプリはiTerm2で決まり!!オススメの設定と基本的な機能まとめ
Illustratorのサンプルテキストの割り付けを少しだけ便利にする
Google Chromeでタブのグループ化機能を使う方法
Jedit Ωの半角・全角変換機能を使って、全角と半角をすばやく変換する方法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
macOSのコマンドパレット比較!SpotlightとAlfred、Raycastどれを使えばいい?
1つのノートアプリにすべて集約するのをやめた理由|2025年時点のノートアプリの使い分け
Notionログイン時の「マジックリンク」「ログインコード」をやめて普通のパスワードを使う
AlfredでNotion内の検索ができるようになるワークフロー「Notion Search」
Gitで1行しか変更していないはずのに全行変更した判定になってしまう
Macでアプリごとに音量を調節できるアプリ「Background Music」
Macのターミナルでパスワード付きのZIPファイルを作成する方法
MacBook Proでディスプレイのサイズ調整をして作業スペースを広げる
SteerMouseの「自動移動」機能で保存ダイアログが表示されたら自動でデフォルトボタンへカーソルを移動させる
iPhoneでタッチが一切効かなくなった場合に強制再起動する方法