TwitterとFacebook動的なURLとタイトルのカスタム共有ボタン

Question

私はTwitterボタンが働いていますが、Facebookボタンはありません。 Facebookのポップアップが読み込まれますが、それは消えます。 Chromeコンソールにエラーはありません。

HTML

<i onclick="fbs_click();" class="fa fa-facebook article-tab-sub"></i> 
<i onclick="twr_click();" class="fa fa-twitter article-tab-sub"></i> 

Javascriptを

function twr_click() { 
    var twtTitle = document.title; 
    var twtUrl = location.href; 
    var maxLength = 140 - (twtUrl.length + 1); 
    if (twtTitle.length > maxLength) { 
     twtTitle = twtTitle.substr(0, (maxLength - 3)) + '...'; 
    } 
    var twtLink = 'http://twitter.com/home?status=' + encodeURIComponent(twtTitle + ' ' + twtUrl); 
    var x = screen.width/2 - 280/2; var y = screen.height/2 - 280/2; window.open(twtLink, '','height=280,width=280,left='+x+',top='+y); 
} 
function fbs_click() { 
    var fbsTitle = document.title; 
    var fbsUrl = location.href; 
    var maxLength = 140 - (fbsUrl.length + 1); 
    if (fbsTitle.length > maxLength) { 
     fbsTitle = fbsTitle.substr(0, (maxLength - 3)) + '...'; 
    } 
    var fbsLink = 'http://www.facebook.com/sharer.php?u=' + encodeURIComponent(fbsTitle + ' ' + fbsUrl); 
    var x = screen.width/2 - 280/2; var y = screen.height/2 - 280/2; window.open(fbsLink, '','height=280,width=280,left='+x+',top='+y); 
} 

Answer 1

あなたは正しくfbsLink変数を形成していません。私はhereを見て、uの属性はURLでなければならず、titleは別のものでなければならないことがわかりました。ここでは、コードの固定回線だ：

var fbsLink = 'http://www.facebook.com/sharer.php?u=' + encodeURIComponent(fbsUrl) + '&title=' + encodeURIComponent(fbsTitle);