Casella di commenti di Facebook con data-href usando il numero di ancoraggio

Attualmente ho 3 caselle di commento su una singola pagina. La pagina ha tre schede che visualizzano diversi contenuti e ogni contenuto di una scheda ha una sua sezione di commenti, diversa dalle altre due.Casella di commenti di Facebook con data-href usando il numero di ancoraggio

per assicurarsi che i commenti unici sono carico per ogni scheda, Attualmente sto usando qualcosa di simile a:

<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" ...

Questo funziona nel mostrare il relativo contenuto. Tuttavia, quando qualcuno risponde ad uno di questi commenti, il commentor originale riceve un link sul loro profilo fb che appare come:

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

Il problema è che questo link l'utente è dato non mostra il thread di commento pertinente, o anche la casella di commento data-href basata su ancoraggio. Forse l'ancora terminale sta facendo saltare il display? In tal caso, esiste un paradigma per avere diverse finestre di commenti su una singola pagina?

Grazie per qualsiasi aiuto per risolvere questo fastidioso problema.

fonte

2012-06-18 Jay Doughty

hai mai trovato una risposta a questo? Sto avendo lo stesso problema. – BostonBB

BostonBB, non per questo particolare problema. Abbiamo appena risolto il problema e modificato il layout per farlo funzionare. Le finestre di commento univoche sembrano odiare le ancore nell'URL. Fammi sapere se trovi una soluzione anche se per favore, poiché sono sicuro che ci incontreremo di nuovo. –

ho implementato qualcosa di simile utilizzando questo codice

<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>

Forse il problema potrebbe essere risolto semplicemente rimuovendo 'index.html', come Facebook sarebbe poi trattare il '#tab' come pagina, e non un link per una parte diversa della pagina

la mia soluzione può essere visto lavorare qui http://stabmail.com/study-groups-tutoring/

fonte

2013-07-09 23:23:31

Avevo appena ridisegnato il progetto per funzionare nel modo predefinito, ma mi piace quello che hai qui e sono sicuro che avrebbe fatto il trucco. Grazie per aver condiviso e incluso un esempio. Spero che qualcuno in futuro possa citare questa discussione. –

Casella di commenti di Facebook con data-href usando il numero di ancoraggio

risposta

Problemi correlati