title: MANY FACEBOOK SHARE buttons in the same page?
body: <p>I implemented the facebook share button in my page using javascript, like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(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: ''
              });     
          });
      });
  &lt;/script&gt;
  
  
  &lt;div class="share"&gt; &lt;img src = "{{ STATIC_URL }}images/share_facebook.png" id="share_button" type='button_count'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It is working pretty well but now I'd like to put many posts within the same page and use a different share button for each post (very FB share button shall have <strong>a different link, title and image)</strong>. Any ideas?</p>
  
  <p>It worked with the like button, using the FB API: </p>
  
  <pre><code>&lt;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"&gt;&lt;/div&gt;  
  </code></pre>
  
  <p>But how to do a similar thing with the share_button? Any idea?</p>
  
  <p>Cheers,</p>