facebookのいいねボタンを設置する方法facebookのいいねボタンを設置する方法facebookのいいねボタンをWebサイトに設置する方法を紹介します。Shareで設置することも可能です。いいねボタンを設置する方法いいねボタンの設置方法いいねボタンのプロパティいいねボタンのジェネレータを利用する独自アイコンを利用する場合いいねボタン設置の方法まずfacebookのプラグインを利用出来るようにするため、以下のHTMLをbodyタグの直後に配置します。'facebook-jssdk'));</script>HTMLの配置が出来れば後は、いいねボタンを表示するためのソースを記載します。いいねボタンの種類は4つあり、またその他のプロパティで色の変更・シェアボタンの追加が出来ます。Webに記載されています。使用するオプションとしては以下のものがあります。data-share="【シェアの表示・非表示】"></div>一般的には”box_count”タイプのボタンがブログなどによく使用されています。></div>いいねボタンのプロパティいいねボタンの各プロパティを設定した時の動きを見ていきます。プロパティの中には「data-href」のように見た目が変わらずクリック時の動作が変わるプロパティもあるため、クリック時の動きも併せてして確認してみてください。></div>いいねボタンのジェネレータを利用するいいねボタンを作成するときは、自分でコードを記載する以外にもfacebookが用意してくれたジェネレータを使用して作成することもできます。https://developers.facebook.com/docs/plugins/like-buttonにアクセスし各プロパティを設定しGetCodeをクリックします。コードが表示されるためあとはそのソースをWebページに貼り付けます。※GetCodeで表示される1つ目のスクリプトはページ内に1つあれば良いため、ボタンを2つ以上設置する場合でもスクリプトを2回記載する必要はありません。独自アイコンを設置する場合は「いいねボタン」でなく「シェアボタン」となります。2つの違いについてはこちらのサイトが参考になります。Facebookの、いいね!とシェアの違いを簡単解説。ブログのアクセス数アップのために。「いいねボタン」については、独自アイコンで設定することは不可能となっています。ちなみに「シェアボタン」についても公式にサポートされているわけでは無いため、使用が変更されると利用できなくなる可能性があります。false;">FBのアイコン</a>onClickの部分については、サブウィンドウで開くためにjavascriptを使用していますが、「target=”_blank”」として別ウィンドウで開いても問題はありません。実際に設置したものがこちらになります。アイコンについてはこちらを参考にしてください。コメントをキャンセルメールアドレスが公開されることはありません。MyThemeShop。