显示带有动态数据的Facebook Share按钮

Question

我做了一个小测验，我希望将分数分享到Facebook，它的工作原理是将GET变量传递给PHP文件，填充OG数据以共享给Facebook - 这一切都正常但是我的问题是分享按钮只需要在测验完成时显示，但我无法让它工作。

我试过使用jquery切换显示按钮，或用jquery text（）填充html ...我想它需要在页面加载时呈现。

  <div id="fb-root"></div>
  <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

<div class="result" style="display:none"></div>
<div class="fb-share-button" style="display:none" data-href="https://www.msuk-forum.co.uk/sharer.php?u=real-or-rc&t=Real or RC Quiz&d=I scored &i=quizshare" data-layout="button_count"></div>

  function returnScore(){
    $(".result").text("Nice work! You scored " + getScore() +" / "+ tot + "!");
    $(".result").toggle();
    $(".fb-share-button").toggle();
  }

  $('#questions').submit(function () {
    returnScore();
    return false;
  });

该按钮最终也会在分享按钮中获得getScore（）的分数。 但是目前，我只需要提交按钮即可显示，一旦提交了表单/测验。

提前致谢。

Answer 1

如果稍后可见，请使用FB.XFMBL.parse呈现“共享”按钮。 顺便说一句，动态OG标签不再可能，您需要为每个共享提供一个真实的URL。