Geek asks and answers

Facebook comment block with href data using binding problem

I currently have 3 comment fields on one page. There are three tabs on this page that display different content, and each tab content has its own comment section, different from the other two.

To make sure that unique comments are loaded for each tab, I am currently using something similar to:

<div class="fb-comments" data-href="http://webpage.com/index.html#tab1" 
     data-num-posts="2" data-width="470"></div>
<div class="fb-comments" data-href="http://webpage.com/index.html#tab2" ...
<div class="fb-comments" data-href="http://webpage.com/index.html#tab3" ...

This works when displaying relevant content. However, when someone answers one of these comments, the original commenter gets a link to his fb profile, which displays as:

http://webpage.com/index.html?fb_comment_id=fbc_26547577547547_477747457_3745757457435737#4574575475

The problem is that this user-provided link does not display the corresponding comment stream or even the -href comment block based on the binding. Perhaps the end anchor is disconnected from the display? If so, is there a paradigm for different comment fields on the same page?

Thanks for any help with this annoying problem.

+5
source share
1 answer

I implemented something like this with this code

<div class="fb-comments" data-href="http://stabmail.com/study-groups-tutoring/#comm-enl" data-width="880" data-num-posts="20"></div>


<div class="fb-comments" data-href="http://stabmail.com/study-groups-tutoring/#comm-esl" data-width="880" data-num-posts="20"></div>


<div class="fb-comments" data-href="http://stabmail.com/study-groups-tutoring/#psyc" data-width="880" data-num-posts="20"></div>

Perhaps your problem can be solved by simply deleting "index.html", as Facebook will treat "#tab" as a page, not a link to another part of the page

http://stabmail.com/study-groups-tutoring/

+1

More articles:


All Articles