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. ワードプレス、テンプレート、賢威、ダウンロード、インストール

    Wordpress

    ワードプレスでおすすめテンプレート賢威のダウンロードからインストールまで解説

    Wordpressでメディアを運営する際に、 なんのテンプレートを…

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

    Wordpress

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

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

  3. Instagram,Twitter,連携,IFTTT,使い方,画像,キャプション,ハッシュタグ,連携

    Instagram

    InstagramとTwitterを連携させるIFTTTの使い方!画像、キャプション、ハッシュタグも…

    SNSをいくつも運営していると、ついどれかひとつに偏ってしまい特定のS…

  4. エックスサーバー、サブドメイン、取得、方法、Wordpress、インストール

    Wordpress

    エックスサーバーでサブドメインを取得しWordPressをインストールする方法

    エックスサーバーでサブドメインを取得し、サブドメインのURLにWord…

  5. Wordpress、初心者、パーマリンク設定、詳しく解説

    Google

    WordPress初心者でもパーマリンク設定を間違えないように詳しく解説

    トレンドアフィリエイトのみに関わらず、WordpressでブログやHP…

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

    Wordpress

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

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

Twitter

  1. コミュニケーション、スキル、能力、人生、ビジネス、武器

    DRM

    コミュニケーションスキルは全てのビジネスに通ずる武器である
  2. エックスサーバー、新規契約、方法、解説

    サーバー

    エックスサーバーを新規契約する方法を詳しく解説
  3. Search Console、登録方法、サイトマップ、送信方法、解説、HTMLタグ

    ツール

    Search Consoleの登録方法とサイトマップの送信方法を解説|HTMLタ…
  4. マインドセット

    正しいマインドセットがないと、ノウハウコレクターになるか遠回りをするかのどちらか…
  5. DRM

    『Siri』を使って文字起こしする方法!音声認識でメルマガ執筆速度が3倍に。
PAGE TOP