如何在Facebook共享按钮(通过FB.ui生成)中添加计数器?

时间:2015-05-15 08:12:22

标签: javascript facebook

这就是我生成分享按钮的方式:

  <a href="#" class="share-btn">Share to Facebook</a>

  <script type="text/javascript">
  function fb_share() {
    var fbMsg = $('.lesson_lt_share_popup').text().trim()
    FB.ui( {
      method: 'feed',
      name: "Chinese Learn Online | Progressive Mandarin Course",
      link: "http://www.chineselearnonline.com/level-test/",
      picture: "http://www.chineselearnonline.com/wp-content/themes/clo/assets/img/images/clo-fb-white.png",
      description: fbMsg
    }, function(response) {
        // do nothing
    });
  }

  // add click event to link using jQuery
  $(document).ready(function(){
    $('.share-btn').on( 'click', fb_share );
  });

但我想在official docs找到关于生成计数器的任何内容。

怎么做?

2 个答案:

答案 0 :(得分:1)

添加属性data-layout="button_count"

<a href="#" class="share-btn" data-layout="button_count">Share to Facebook</a>

答案 1 :(得分:1)

手动生成计数器很麻烦,您必须使用Graph API读取计数。最简单的解决方案是使用官方的分享按钮插件而不是FB.ui,因为它已经包含一个计数器:https://developers.facebook.com/docs/plugins/share-button

它需要来自Open Graph Tags的所有必要数据。

顺便说一下,不推荐使用Feed对话框。