サイト運営には不可欠!!自分のブログ用の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の導入までの手順でした。


Karabiner-Elementsを使って、Finder上でReturnを押すとファイルを開くようにする
Sketchのメニューバーにショートカットキーを割り当てる方法
知っていると作業が少しラクになるMacの豆知識 #1日1Tips – 2019年12月
macOSで画面を拡大縮小するズーム機能の設定
ATOKの「ATOKパレットの表示」「単語登録」ショートカットキーが、Emacsキーバインドと被るので変更したい
anyenvを使ってプログラミング言語のバージョンをラクに管理する
1Passwordでウェブサイトの入力フォームを一瞬で入力する方法
BetterTouchToolを使って、ショートカットキーでAirPods ProをMacBook Proに接続する方法
日々のやり取りを便利にしてくれるチャットサービス統合アプリの比較!Franz・Rambox・Station・Stack・Biscuit
QuickTime Playerとプレビュー.appで動画の一部を画像として書き出す方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
gulpのwatch機能を使って、監視ファイルに変更があった時にタスクを実行する
WebPに対応して画像サイズを最適化する方法
WordPressで「現在メンテナンス中のため、しばらくの間ご利用いただけません。」の状態でログインできなくなった場合の対処法
Orbital 2で共通の設定を使い回すためのテンプレートファイルを作成する方法
GA4でページビューを確認する方法
Macのプレビュー.appを使って画像のトリミングを行う方法
iPad Pro + iPad Pro用Magic Keyboardの文字入力
MacにiPhoneを接続をしたときに「同期」「適用」ボタンがグレーになって押せない場合の対処法
ATOKの文字パレットの「漢字検索」で特定の漢字を探し出す方法
自分の管理下にないどうしようもできないログイン情報は1Passwordの「脆弱なパスワード」を無視しておく