初心者も上級者もフェイスブックをもっと知るならこちらもチェック!
Facebook(フェイスブック)の使い方徹底ガイド

「いいね!」ボタンを自分のサイトに設置する方法

Facebookが提供しているソーシャルプラグインを利用することで、自分のサイトに「いいね!」ボタンを設置することができます。以下に「いいね!」ボタンを設置する方法を順番にご紹介します。

STEP1:プラグインページにアクセス

Facebook Like Buttonページにアクセスしましょう。

STEP2:必要事項を入力

表示されたページに必要事項を入力しましょう。

  • URL to Like

「いいね!」ボタンを設置したいサイトのURLを入力(コピー)しましょう。

  • Layout Style

Layout Styleは「いいね!」ボタンの種類のことで、standard、button_count、box_countの中から選びます。

・standard

・button_count

・box_count

画像サンプルは「Like」と表示されていますが、日本語サイトでは「いいね!」と表示されます。
  • Show Faces

チェックボックスにチェックが入っている場合、「いいね!」ボタンの下に「いいね!」した友達のプロフィール写真が表示されます。

チェックボックスのチェックを外した場合は、「いいね!」ボタンの下には何も表示されません。

  • Width

「いいね!」ボタンを表示する幅を設定します。

  • Verb to display

Verb to displayは、like、recommendのどちらかを選びます。本稿では「いいね!」の設置をご紹介していますので「like」を選びます。

  • Font

サイトに表示する時のフォントを選びます。6つのフォントが準備されており、好みのフォントを選ぶことができます。

フォントがよくわからない方は一番上のarialを選んでおけばいいでしょう。

  • Color Scheme

Color Schemeはボタンのカラーを指しており、light、darkのどちらかを選びます。

・ligntのイメージ

・darkのイメージ

STEP3:サイトに埋め込み

必要事項を入力したら、GetCodeボタンをクリックします。サイトに埋め込むコードが表示されます。

コードをコピーして、「いいね!」ボタンを表示させたい場所にコードを貼付けましょう。