Facebookページ、イイネ、増やす、LikeBox、設置方法、Page Plugin、使い方

Facebook

Facebookページへのイイネ!を増やすLikeBoxの設置方法|Page Pluginの使い方

Facebookページをつくったら、次は『イイネ!』を増やすために、LikeBoxをWordpressに設置する方法をご紹介いたします。全く難しくない方法なので、早めに終わらせておきましょう。

FacebookページのLikeBoxを設置しよう

前回の記事では、Facebookページをつくる方法を解説しました。

参考:Facebookページを作成する方法

Facebookページを作成したら次はそのFacebookページに
『イイネ!』が集まるよう、WEBサイトに設置する作業を施しましょう。

これを、LikeBoxと呼びます。

情報発信を行っている方のサイトには必ずと言っていいほど
LikeBoxが設置されているので、一度は見たことがあると思います。

Facebookページ、イイネ、増やす、LikeBox、設置方法、Page Plugin、使い方

Facebookページに『いいね!』が多いほど
そのWebサイトはファンが多いとみなされることも少なくないので、
Webサイトを開設したらできるだけ早く設置しておきたいですね。

Facebookページが作成できたら、Likeboxを設置するのはとても簡単なので、
ぜひ以下の解説の通りに行ってみてくださいね。

LikeBoxを設置する方法

FacebookページのLikeboxをつくるには、
Facebook Developersが提供する『Page Plugin』というツールを使います。

Page Pluginの使い方

『Page Plugin』の使い方は非常に簡単。
まずは、Facebook Developersの『Page Plugin』で設定を行います。

facebook for developersのページへ遷移したら、
下記のようにそれぞれの項目に必要な情報を入力していきます。

高さや幅は、実際のLikeBoxの大きさを表すものですが、
後程微調整はできますので、ひとまずはザックリで大丈夫です。

迷われた場合には、私と同じように記述してみてください。

終わったら『コードを取得』をクリックします。

Facebookページ、イイネ、増やす、LikeBox、設置方法、Page Plugin、使い方

 

下記のように、2種類のコードが表示されます。

上のコードは『外観テーマの編集』から<body>~</body>のなかのどこかに記述、
下のコードはLikeBoxを設置したい箇所に記述していきます。

Facebookページ、イイネ、増やす、LikeBox、設置方法、Page Plugin、使い方

 

それぞれについて、解説を行っていきます。

<body>~</body>のなかに記述する

基本的には、そこまで厳密なルールはありませんので、
<body>~</body>のなかであればどこでもOKです。

私の場合は、『外観テーマの編集footer.php』から
</body>の直前に記述をしています。

記述したら『ファイルを更新』をクリックしましょう。

Facebookページ、イイネ、増やす、LikeBox、設置方法、Page Plugin、使い方

 

LikeBoxを設置したい箇所に記述する

続いて、LikeBoxを記述したい箇所にコードを挿入する方法です。

LikeBoxの設置はどこでも構いませんが、
できればWebサイト上の目につきやすいところが良いでしょう。

今回は、トップページサイドバーに設置していきます。

外観ウィジェット』からテキストウィジェットを
ドラッグし、サイドバーコンテンツ内にドロップします。

任意でタイトルをつけ、内容のなかに先程のコードをコピペします。

高さや幅などはここで微調整できるので、
サイドバーのサイズと合わせながら調節を行ってくださいね。

できたら『保存』をクリックします。

Facebookページ、イイネ、増やす、LikeBox、設置方法、Page Plugin、使い方

 

トップページから確認し、LikeBoxがきちんと埋まっていることが確認できたら完了です。

Facebookページ、イイネ、増やす、LikeBox、設置方法、Page Plugin、使い方

 

お疲れ様でした!

画像の説明

関連記事

  1. トレンドアフィリエイト,稼ぎ続ける,まとめ

    Google

    トレンドアフィリエイトで稼ぎ続けるために大事なこと総まとめ

    トレンドアフィリエイトで月収10万円を稼ぐための流れをご説明いたします…

  2. Wordpress、今すぐにできる、セキュリティ、強化、対策、まとめ

    Wordpress

    今すぐにできるWordPressセキュリティ強化対策方法3つ!

    インターベット上で圧倒的なユーザー数を誇るWordpress。 今…

  3. Wordpress、開設、インストール、プラグイン

    Wordpress

    WordPressを開設したらまずインストールするべき便利なプラグイン20選

    トレンドアフィリエイトのみに関わらず、Wordpressを長期に渡り運…

  4. Twitter,アイコン,丸,iPhone,デザイン,意味,評価

    SNS

    Twitterのアイコンが丸になった!【iPhone版】デザインの意味と評価はいかに?

    2017年6月15日、突如Twitterのアイコンが丸いデザインにアッ…

  5. トレンドアフィリエイト、サイトデザイン、サイドバー

    Wordpress

    トレンドアフィリエイトにおけるサイトデザインの考え方

    トレンドアフィリエイトを運営する際、サイトデザインはどこまで重要視する…

  6. Wordpress,個別記事,コメント欄,消去,無効化

    Wordpress

    過去記事とこれから書く記事のコメント欄を完全消去する方法

    Wordpressにはデフォルトで各記事にコメント欄が配置されています…

Twitter

  1. Wordpress、開設、インストール、プラグイン

    Wordpress

    WordPressを開設したらまずインストールするべき便利なプラグイン20選
  2. トレンドアフィリエイト、審査、落ちた、グーグルから連絡がない、対処法、最申請、方法

    トレンドアフィリエイト

    【トレンドアフィリエイト】審査に落ちた、グーグルから連絡がないときの対処法と再申…
  3. ジョニーデップ、年収、破産、浪費癖、お金、付き合い方

    アーティストから学ぶ

    ジョニーデップの年収と破産&浪費癖から学ぶ正しいお金との付き合い方
  4. サイト、h1タグ、設定

    SEO

    サイトをつくるときには必ずh1タグを設定しよう|SEO強化術
  5. 見出しタグ、使い方、SEO

    SEO

    見出しタグの使い方のルールとは?SEO効果との関係性を解説
PAGE TOP