LoginSignup
5
6

More than 5 years have passed since last update.

Facebookのいいね! Ver2のセットアップ方法

Last updated at Posted at 2015-06-22

ご周知のところ
2015/6/23〜
Ver1の廃止に伴い、
旧SDKは仕様ができなくなります。
主には、旧型のFacebookボタンおよび、Likeboxは使えなくなります。

"//connect.facebook.net/en_US/all.js"
をご使用中の方は注意くださいませ。
"//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.3"
に変更になります。

以下、新SDKの設定例

sdk
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'your-app-id',
          xfbml      : true,
          version    : 'v2.3'
        });
      };

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>

appIDは存在した方が良いが、なくても動作はしましたので、
appID設定がないサイトは、以下のように無しでも大丈夫そうです。

sdk
      window.fbAsyncInit = function() {
        FB.init({
          xfbml      : true,
          version    : 'v2.3'
        });
      };

または.jsに
xfbml=1&version=v2.3
を指定した以下でも大丈夫そうです。

sdk
<script>
      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.3";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
</script>
5
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
6