html - 同じページに多くの FACEBOOK SHARE ボタンがありますか?

Question

次のように、javascript を使用して自分のページに facebook 共有ボタンを実装しました。

<script type="text/javascript">
$(document).ready(function(){
        $('#share_button').click(function(e){
            e.preventDefault(); 
            FB.ui(
            {
                method: 'feed',
                name: "{{ user_name }}'s FOF",
                link: "https://www.example.com/uploader/{{current_fof}}/share_fof/",
                picture: imgsArray[0].src,
                caption: window.location.href,
                description: 'This FOF was taken by {{ user_name }}',
                message: ''
            });     
        });
    });
</script>


<div class="share"> <img src = "{{ STATIC_URL }}images/share_facebook.png" id="share_button" type='button_count'></div>

それはかなりうまくいっていますが、同じページ内に多くの投稿を配置し、投稿ごとに異なる共有ボタンを使用したいと思います (非常に FB の共有ボタンには、異なるリンク、タイトル、画像が必要です)。何か案は？

FB API を使用して、いいねボタンで動作しました。

<div class="fb-like" data-href="https://www.example.com/uploader/{{current_fof}}/share_fof/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" data-font="arial"></div>  

しかし、share_button で同様のことを行うにはどうすればよいでしょうか? 何か案が？

乾杯、