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



Backlogをショートカットキーで操作する方法
Gmailでよく使う文章をテンプレートとして保存・使用する方法
Path Finderのクラウドファイルアップロード機能で、選択ファイルをサーバー上にすばやくアップする
Macの画面を手軽に録画できるアプリ「Kap」
Google DriveのmacOSアプリ「バックアップと同期」のインストールと最低限の設定方法
Path Finderのファイル比較ツールをKaleidoscopeに変更する方法
単語登録機能に日常でよく使うフレーズを登録して、文章を素早く入力する方法
Google Chromeの別アカウントとのブックマークを同期する「TeamSync Bookmarks」
テキストエディタ.app起動時に表示されるダイアログボックスを非表示にする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎