グラフAPI v2.11のリリースでは、[フォロー]ボタンが廃止されました。グラフAPIバージョン2.10以前の[フォロー]ボタンは、2018年2月5日までサポートされます。

フォローボタン

フォローボタンがあれば、Facebookで情報を公開している他の利用者の更新情報のフィードを購読できます。

プロフィールのURL
Width
Height
レイアウトスタイル
ボタンサイズ

設定

構成ツールには、フォローボタンで使用できる一部の設定が含まれていません。次のような設定も変更できます。

設定 HTML5属性 説明 デフォルト

colorscheme

data-colorscheme

プラグインで使用するカラースキームです。「light」か「dark」のいずれかを選択できます。

「light」

href

data-href

フォローする利用者のFacebook.comプロフィールのURLです。

なし

kid_directed_site

data-kid-directed-site

ウェブサイトやオンラインサービスの内容、またはサービスの一部が13歳未満の子供を対象としている場合は、この設定を有効にする必要があります

「false」

layout

data-layout

プラグインに使用できる複数のレイアウトの中から1つ選択します。「standard」、「button_count」、「box_count」のいずれかを選択できます。詳細は、「FAQ (よくある質問)」をご覧ください。

「standard」

show_faces

data-show-faces

ボタンの下にプロフィール写真を表示するかどうかを指定します(standardレイアウトのみ)。子供向けサイトではこの設定を有効にしないでください。

「false」

size

data-size

「large」と「small」の2つのサイズのボタンを使用できます。

small

width

data-width

プラグインの幅です。選択するレイアウトによって、使用可能な最小幅とデフォルト幅の値が変わります。詳細は、後述の「よくある質問」をご覧ください。

レイアウトによって異なる

よくある質問

FacebookプロフィールのURLとはなんですか。

フォローボタンをクリックし、フォローする相手のプロフィールを表示すると、ブラウザのアドレスバーにURLが表示されます。FacebookプロフィールのURLとはこのURLのことです。

たとえば、Mark Zuckerbergの個人用プロフィールを開くと、アドレスバーには次のURLが表示されます。

https://www.facebook.com/zuck

フォローボタンのhref値にはこのURLを使用します。

有効なプロフィールのURLを入力しても、「ページが見つかりません」のエラーが表示されます。

このエラーが発生した場合は、次の点をご確認ください。

  1. 使用しているプロフィールのURLは個人用プロフィールのURLですか。FacebookページのURLではありませんか。ページに対しては、いいね!ボタンを使用してください。
  2. フォローボタンを使用する相手の個人用プロフィールでフォローが有効になっていますか。相手にフォロワー設定を確認してもらい、有効になってない場合はその設定を有効にするよう依頼します。
  3. ユーザーネームではなく、利用者のユーザーIDを使用した別のプロフィールURLを使用します。たとえば、http://www.facebook.com/zuckではなく、http://www.facebook.com/4を使用します。

レイアウトにはどのようなタイプがありますか。

レイアウトには次の3つのタイプがあります。

レイアウト デフォルトサイズ

standard

最小幅:225ピクセル。
デフォルト幅:450ピクセル。
高さ:35ピクセル(写真なし)または80ピクセル(写真あり)。

box_count

最小幅:55ピクセル。
デフォルト幅:55ピクセル。
高さ:65ピクセル。

button_count

最小幅:90ピクセル。
デフォルト幅:90ピクセル。
高さ:20ピクセル。