Facebookリンク

名前

FACEBOOKBUTTON01

パーツバージョン

1.0.0~1.0.1

GCバージョン

1.1.0~

パーツアイコン

要旨

Facebookの「いいね!」ボタンを表示するパーツです。

入出力仕様

元コンテンツのHTML領域は選択しません。

オプション

ターゲットURL(任意)

「いいね!」の件数表示・ボタンクリック時の対象となるURLを入力します。

指定しない場合は、アクセスURL(スマホサイト)が対象になります。

ビューの種類

シンプル表示

「いいね!」ボタンと件数を表示します。

ビュー編集

表示スタイルの変更

「いいね!」ボタンの表示スタイルは、ビュー編集タブで直接編集することもできます。

► layout(レイアウトスタイル):button_countまたはStandard

► show_faces(いいね!を押したユーザーアイコン表示):trueまたはfalse

► action(ボタンに表示する言葉):like(いいね!)またはrecommend(おすすめ)

► width(表示幅)

► height(表示高)

プリプロセス

なし

関連CSSセレクタ

なし

対応jQueryバージョン

なし

使用jQueryプラグイン

なし

サンプル

出力HTML(例)

            <script type="text/javascript">
             document.write('<iframe src="http://www.facebook.com/plugins/like.php?href='
                 + 'http%3A%2F%2Fwww.symmetric.co.jp%2Fgenecode%2F'
                 + '&width=110&layout=button_count&show_faces=false&action=like&colorscheme=light&
height=35"scrolling="no"
                 frameborder="0" style="border:none; overflow:hidden;width:120px;height:
20px;" allowTransparency="true"></iframe>');
            </script>