title: Facebook comment box with data-href using anchor issue
body: <p>Currently I have 3 comment boxes on a single page. The page has three tabs that display different content, and each tab content has its own comment section, differing from the other two.</p>
  
  <p>To make sure unique comments are loading for each tab, I am currently using something similar to:</p>
  
  <pre><code>&lt;div class="fb-comments" data-href="http://webpage.com/index.html#tab1" 
       data-num-posts="2" data-width="470"&gt;&lt;/div&gt;
  &lt;div class="fb-comments" data-href="http://webpage.com/index.html#tab2" ...
  &lt;div class="fb-comments" data-href="http://webpage.com/index.html#tab3" ...
  </code></pre>
  
  <p>This works in displaying the relevant content. However, when someone replies to one of these comments, the original commentor receives a link on their fb profile that appears as:</p>
  
  <blockquote>
    <p><a href="http://webpage.com/index.html?fb_comment_id=fbc_26547577547547_477747457_3745757457435737#4574575475" rel="noreferrer">http://webpage.com/index.html?fb_comment_id=fbc_26547577547547_477747457_3745757457435737#4574575475</a></p>
  </blockquote>
  
  <p><strong>The problem is that</strong> this link the user is given does not show the relevant comment thread, or even the anchor based data-href comment box. Perhaps the end anchor is tripping up the display? If so, is there a paradigm for having different facebook comment boxes on a single page?</p>
  
  <p>Thanks for any help solving this annoying issue.</p>