Facebook分享按钮和自定义文本

如何解决Facebook分享按钮和自定义文本

| 关闭。这个问题需要更加集中。它当前不接受答案。

解决方法

我们使用类似的内容[一行使用]：

<a title=\"send to Facebook\" 
  href=\"http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT\"
  target=\"_blank\">
  <span>
    <img width=\"14\" height=\"14\" src=\"\'icons/fb.gif\" alt=\"Facebook\" /> Facebook 
  </span>
</a>

,为了给Facebook提供自定义参数，最好共享它的链接，然后Facebook从您共享的页面自动获取其Title + Description + Picture。为了“帮助” facebook API找到这些内容，您可以将以下内容放入要共享的页面的标题中：

<meta property=\"og:title\" content=\"title\" />
<meta property=\"og:description\" content=\"description\" />
<meta property=\"og:image\" content=\"thumbnail_image\" />

在这里检查如果页面不受您的控制，请使用AllisonC上面共享的内容。对于弹出模式视图类型的行为：使用您自己的按钮/链接/文本，然后可以通过以下方式使用弹出窗口的模式视图类型：

<script type= \'text/javascript\'>
$(\'#twitterbtn-link,#facebookbtn-link\').click(function(event) {
var width  = 575,height = 400,left   = ($(window).width()  - width)  / 2,top    = ($(window).height() - height) / 2,url    = this.href,opts   = \'status=1\' +
             \',width=\'  + width  +
             \',height=\' + height +
             \',top=\'    + top    +
             \',left=\'   + left;

window.open(url,\'twitter\',opts);

return false;
});
</script>

其中twitterbtn-link和facebookbtn-link都是锚点的ID。 ,使用此功能源自IJas提供的链接

function openFbPopUp() {
    var fburl = \'\';
    var fbimgurl = \'http://\';
    var fbtitle = \'Your title\';
    var fbsummary = \"your description\";
    var sharerURL = \"http://www.facebook.com/sharer/sharer.php?s=100&p[url]=\" + encodeURI(fburl) + \"&p[images][0]=\" + encodeURI(fbimgurl) + \"&p[title]=\" + encodeURI(fbtitle) + \"&p[summary]=\" + encodeURI(fbsummary);
    window.open(
      sharerURL,\'facebook-share-dialog\',\'width=626,height=436\'); 
    return  false;
}

或者，如果将FB JavaScript SDK用于更受控制的回调函数，则也可以使用最新的FB.ui函数。参考：FB.ui

    function openFbPopUp() {
        FB.ui(
          {
            method: \'feed\',name: \'Facebook Dialogs\',link: \'https://developers.facebook.com/docs/dialogs/\',picture: \'http://fbrell.com/f8.jpg\',caption: \'Reference Documentation\',description: \'Dialogs provide a simple,consistent interface for applications to interface with users.\'
          },function(response) {
            if (response && response.post_id) {
              alert(\'Post was published.\');
            } else {
              alert(\'Post was not published.\');
            }
          }
        );
    }

,您有几种选择：使用标准的FB共享按钮，并通过Open Graph API和页面上的meta标签设置文本。可以使用FB.ui的stream.publish方法来代替Share，它使您可以在运行时控制URL，标题，标题，描述和缩略图。或使用带有适当参数的http://www.facebook.com/sharer.php。 ,您可以使用Facebook提供的异步JavaScript SDK并设置其参数值来自定义Facebook共享对话框。看下面的代码：

<script type=\"text/javascript\">
  $(document).ready(function(){
    $(\'#share_button\').click(function(e){
      e.preventDefault();
      FB.ui(
        {
          method: \'feed\',name: \'This is the content of the \"name\" field.\',link: \'URL which you would like to share \',picture: ‘URL of the image which is going to appear as thumbnail image in share dialogbox’,caption: \'Caption like which appear as title of the dialog box\',description: \'Small description of the post\',message: \'\'
        }
      );
    });
  });
</script>

在复制和粘贴以下代码之前，您必须首先初始化SDK并设置jQuery库。请单击此处以逐步了解如何在其上设置信息。 ,这是当前的解决方案（2014年12月），效果很好。它具有打开一个弹出窗口独立的代码段，不需要其他任何内容可以使用JS，也可以不使用JS。如果禁用了JS，则共享窗口仍会打开，尽管弹出窗口很小。

<a onclick=\"return !window.open(this.href,\'Share on Facebook\',\'width=640,height=536\')\" href=\"https://www.facebook.com/sharer/sharer.php?u=href=$url&display=popup&ref=plugin\" target=\"_window\"><img src=\'/_img/icons/facebook.png\' /></a>

$ url var应该定义为要共享的URL。 ,这是Facebook提供的简单对话框供稿。在这里阅读更多细节链接 ,您可以将AllisonC的想法与window.open函数结合使用： http://www.w3schools.com/jsref/met_win_open.asp

function openWin(url) {
    myWindow = window.open(url,\'\',\'width=800,height=400\');
    myWindow.focus();
}

然后，在每个链接上，使用正确的社交网络URL调用openWin函数。 ,试试这个网站http://www.sharelinkgenerator.com/。希望这可以帮助。

Facebook分享按钮和自定义文本

如何解决Facebook分享按钮和自定义文本

解决方法

相关推荐