Facepileプラグインは、デフォルトアクションでウェブページと繋がっているユーザ、もしくはサイトにサインアップしたユーザのプロフィール画像を表示します。ウェブページ上でアクションをとったユーザを表示したい場合、actionパラメータで指定します。
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js
#appId={YOUR_APP_ID}&xfbml=1"></script>
<fb:facepile href="http://zhen.myfbse.com/rb-roastchicken.html"
action="og_recipebox:planning_to_make" width="200" max_rows="1"></fb:facepile>
ウェブページをいいね！したユーザを表示するには、ページのURLをhrefパラメータに指定します。サイトにサインアップしたユーザを表示するには、app_idパラメータにアプリケーションIDを指定してください。このプラグインはシンプルなiframeで表示することもできますし、Javascript SDKを使っているなら、XFBMLの<fb:facepile>タグで表示できます。
Attributes
href- ページのURL。このページを「いいね！」したユーザのプロフィール画像が表示されます。action- アクションのタイプです。指定したアクションによってアプリケーションとつながりを持ったユーザのアイコンを表示します。app_id- サインアップしたユーザを表示したい場合、このパラメータにアプリケーションidを指定します。iframe版のFacepileでのみ利用可能です。XFBML版を使っている場合は、このパラメータを指定するのではなく、JavaScriptライブラリを初期化する(FB.init)ときにアプリケーションidを指定してください。max_rows- プロフィール画像を表示する行数の最大値。XFBML版だと動的に高さを調整しますので、たとえば最大値が４になっていても、表示できる画像が2列分しか無かったら2列分の高さになります。デフォルトは１です。width- プラグイン表示領域の横幅をピクセル指定。デフォルトは200です。size- 表示アイコンのサイズです。デフォルトはsmallです。colorscheme- いいね！ボタンのカラースキーマです。選択肢はlightとdarkです。
なぜ何も表示されないのですか？
このプラグインは友だちの画像しか表示しません。ユーザの友だちが該当ページをいいね！していないとか、サイトと繋がっていない場合、アイコンは表示されません。
ページをいいね！したユーザを表示しようとしていて、誰もページをいいね！していない場合も同様です。ページをいいね！しているユーザがいるけれども、閲覧ユーザの友だちの誰もいいね！していないという場合、プラグインはいいね！しているユーザ数のトータルのみ表示します。
サイトに繋がっているユーザを表示していて、ユーザの友だちの誰も繋がっていない場合、このプラグインは何も表示しません。
サイトに繋がっているユーザを表示するにはどうすれば良いですか？
アプリケーションIDを指定する必要があります。iframeバージョンで書き出しているのなら、単純にクエリパラメータを付け足すだけです。例えば以下のようにです。
<iframe src="http://www.facebook.com/plugins/facepile.php?
app_id={YOUR_APP_ID}" scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:200px;" allowTransparency="true"></iframe>
XFBMLを使っている場合、Javascriptライブラリを初期化する段階でアプリケーションIDを指定してください。
以下のようになります。
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js
#appId={YOUR_APP_ID}&xfbml=1"></script><fb:facepile></fb:facepile>
