キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

Facebook のファンページを作成してプラグインの Like Box を設置しよう

      2014/10/11

数日の入院が終わり無事に退院しました、キャリコ( @calicocatxyz )です。

このブログもある程度の形になってきたので、SNS などに登録をしてファンを増やそうと思っています。キャリコでは Facebook 、Twitter 、Google+ 、Feedly の4つに登録して、それぞれのフォローボタンを記事の下に配置しました。

今回は早速この作り方をラテに説明してもらおうと思います。それじゃあラテ、よろしくね♪

みなさん初めまして、キャリコのイメージキャラクター兼 Web 担当のラテにゃ。ソーシャルフォローボタンの設置ということで全5回に分けて説明するにゃー。

  1. Facebook のファンページを作成してプラグインの Like Box を設置しよう
  2. Twitter のフォローボタンとタイムラインプラグインを設置しよう
  3. Google+ ページを作って Google+ バッジを設置しよう
  4. Feedly のフォローボタンを設置してブログの購読者を増やそう
  5. STINGER5 で各 SNS のフォローボタンを美しく綺麗に配置する方法

今日は『 Facebook のファンページを作成してプラグインの Like Box を設置しよう 』ということで… 第1回目いくにゃー!

Ads by Google

Facebook のファンページを作成する

すでに Facebook のアカウントを持ってる状態からのファンページの作成手順だにゃ。

作成ページにアクセスする

Facebook にログインしたら左側のメニューにある『 Facebook ページを作成 』から作成ページを開くにゃ。

どのカテゴリのファンページを作るか決める

お店なら『 地域ビジネスまたは場所 』、会社なら『 会社または団体 』と作成するファンページに合ったカテゴリを選ぶにゃ。

ファンページの名前を入力する

キャリコは個人ブログになるから『 慈善活動またはコミュニティ 』での登録になって、ファンページの名前を入力したら『 スタート 』をクリックするにゃ。

ファンページの設定をする

基本データを入力して『 情報を保存 』をクリックしたら、同じように2~4までの設定を入力するにゃ。ちなみに後から設定することも出来るからスキップしても問題ないにゃ。

ファンページが完成

ここまでの作業は5分もかからないにゃ。あっという間だからファンページの作成は簡単だにゃ。

プラグインの Like Box を作成する

Social Plugins にアクセスする

Social Plugins
https://developers.facebook.com/docs/plugins

このページで Like Box を選ぶにゃ。ちなみにいいね!ボタンやシェアボタンもこのページで作れるにゃ。

Like Box をデザインする

ここでプラグインを設置したい場所に合わせて Like Box のカスタマイズをするにゃ。

Facebook Page URL

さっき作ったファンページの URL を入力するにゃ。

Width

Like Box の横幅にゃ。

Height

Like Box の高さにゃ。

Color Scheme

設置したい場所に合わせて『 light 』か『 dark 』の2種類が選べるにゃ。

Show header

facebookもチェックという部分を表示させたり非表示に出来るにゃ。

Show Faces

いいね!してくれた人のアイコンを表示させたり非表示に出来るにゃ。

Show stream

新着投稿を表示させたり非表示に出来るにゃ。

Show Border

外枠を表示させたり非表示に出来るにゃ。

好みの設定が出来たら最後に『 Get Code 』をクリックするにゃ。

プラグインのコードをコピーする

ここでは『 IFRAME 』を選んでプラグインのコードをコピーするにゃ。

プラグインを表示させたい場所にコードを貼り付ければ、Like Box が表示されるようになるにゃ。コードを貼り付けるのは第5回目で説明するから、Like Box のコードはメモ帳か何かに貼り付けて保存しておいてもらえると助かるにゃ。

まとめ

ファンページを作成して Like Box のコードはゲット出来たかにゃ?キャリコのファンページはまだ誰にもいいね!されてないにゃ… この記事が少しでも役に立ったらいいね!してもらえると嬉しいにゃ!

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - ウェブサービス ,

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

  おすすめ記事

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

medi8 と 忍者 AdMax を差し替えたら収益が2倍になった話
medi8 と 忍者 AdMax を差し替えたら収益が2倍になった話

収益が2倍、キャリコ( @calicocatxyz )です。 掲載場所も変えずに …

なければ作ればいい!アイコン型ウェブフォントが自作できる IcoMoon

イギリスで一人暮らしをするかもしれないキャリコ( @calicocatxyz ) …

ロリポップに wordpress をインストールして STINGER5 をテーマにする手順

イギリスの病院のベッドの上からこんにちは、キャリコ( @calicocatxyz …

nend を1年間掲載してみてわかった平均クリック単価

nend は稼げない、キャリコです。 冒頭から夢のないことを言っちゃいますが… …

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax が Google AdSense よりも稼げる理由

忍者 AdMax をブログに導入、キャリコ( @calicocatxyz )です …

アクセスアップには Twitter を極めるのが近道な理由とメリット
アクセスアップには Twitter を極めるのが近道な理由

時間差で読書の秋が訪れてるキャリコ( @calicocatxyz )です。 外気 …

クリック率が250%増!nend の単価が低けりゃ CTR を増やせばいいじゃない♪

まずまずの結果、キャリコ( @calicocatxyz )です。 小学生のお小遣 …

Feedly のフォローボタンを設置してブログの購読者を増やそう

Avicii にメロメロ、キャリコ( @calicocatxyz )です。 彼の …

Facebook の変更に合わせた記事の拡散につながる OGP 設定【 最新版 】

口内炎に苦しんでるキャリコ( @calicocatxyz )です。 そりゃペペロ …

これは便利!Retina で拡大・縮小しても美しいまま表示される魔法のアイコン

HARIBO を買ったつもりが HALALBO でちょっとショック、キャリコ( …