BlogTips: 網頁專用的 FaceBook「按讚」設定

posted by 生活小白 on 7月 26, 2018 No Comments
循例講講，建議大家看看這個官網的說明吧。
點一下「讚」按鈕會對網頁的特定內容「按讚」，同時將內容分享到 Facebook。 您也可以在「讚」按鈕旁邊同時顯示「分享」按鈕，如此可以讓用戶在分享內容時加入個人訊息，並且自訂分享對象。https://developers.facebook.com/docs/plugins/like-button
之後廢話少說，直接去懶人Copy-Paste！！

Step 1) Blogger > 範本 >  編輯HTML

Step 2) 在<body>與</body>中間貼上以下的code

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '****************',
      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/zh_TW/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
※　appId 是在 https://developers.facebook.com/ 登記時取得的No.

Step 3) <data:post.body/>後面貼上以下的code

<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" expr:data-href='data:post.canonicalUrl'></div>
<div class="fb-share-button" data-layout="button_count" expr:data-href='data:post.canonicalUrl'></div>
<div class="fb-send" expr:data-href='data:post.canonicalUrl'></div>
<div class="fb-comments" expr:data-href='data:post.canonicalUrl' data-numposts="5" data-colorscheme="light"></div>

0 留言:

發佈留言