Wie link-facebook-Kommentare-widget, um die aktuelle url?

Ich habe ein bisschen ein problem mit facebook Kommentare-box auf meiner website. Ich kann nicht figue einen Weg für Sie, um link die Kommentare zu der url, die Sie sind auf. Zum Beispiel ein fb Kommentar zu Post 1, auf meiner Website wird gemeinsam zwischen allen mein Beitrag wich kann ein bisschen irreführend für die Nutzer. Ich poste über hundert Beiträge am Tag (Bilder vor allem), es gibt keine Möglichkeit, ich kann ein neues Feld für jede und jeden einzelnen von Ihnen.

Hier ist das Stück code, dass Sie bedrückt mich:

<div class="fb-comments" data-href="funshit.ru" data-num-posts="5" data-width="530" data-colorscheme="dark"></div>

Wenn es nur einen Weg, um es link zu der aktuellen url, die das problem würde gelöst werden.

Jede Hilfe ist willkommen m8s.

  • wenn Sie PHP benutzen, dann sowas... data-href="http://funshit.ru<?=htmlspecialchars($_SERVER["REQUEST_URI"], ENT_QUOTES)?>"
  • Danke für den Versuch. Hat nicht geholfen obwohl. Sobald ich es in es hielt Freigabe der Kommentare, mit jedem einzelnen post + es begann zu sagen, "ich bekomme keinen Zugriff auf die [link] - (ungültig.ungültige/?=htmlspecialchars($_SERVER%5B)"
InformationsquelleAutor user1127954 | 2012-01-03
  1. 6

    Da das CMS war ich die Kodierung nicht zuverlässig zurück, die aktuelle URL, und verlassen Sie das Feld leer oder unterlassen es nicht, ich schrieb das div-tag in Javascript:

    <script>
document.write("<div class='fb-comments' data-href='" + window.location.href + "' data-num-posts='2' data-width='400'></div>");
</script>

    Natürlich, hierzu gehören die Daten in der Abfrage-string, aber Sie sollten in der Lage sein, um auszuschließen, dass, wenn das ist, was Sie wollen.

    • Einfach und genial. Beachten Sie auch diese <script> genau wo Sie wollen es auf Ihre Seite.
    • In der Tat, landete ich mit document.getElementById('fbComments').innerHTML = "<div class='fb-comments' data-href='" + window.location.href + "' data-num-posts='5' data-width='100%'></div>";
    InformationsquelleAutor Rimian
  2. 3

    Können Sie weglassen data-href (oder lassen Sie es leer), so die aktuelle URL verwendet.

    Update:

    Ab September 2012 die oben genannte Methode funktioniert nur für erste version der Facebook Kommentare-box.

    Verwenden neuere version der Kommentare, social plugin, das Sie angeben müssen, wird die aktuelle URL explizit.

    • Danke für die Idee, aber wenn ich es Tue, sagt Sie, dass dieses widget benötigt ein href-parameter.
    • Gerade überprüft, funktioniert wie erwartet (beide leer oder fehlt data-href - Attribut). Sie sprechen über die "gelben Zettel", die nahelegt, geben Sie dieses Attribut an, oder über einige Fehler, die erscheint in "rot"?
    • Dies warf ein Fehler für mich.
    • ist es nicht (aber es warnt Sie über die Arbeit im Kompatibilitätsmodus).
    InformationsquelleAutor Juicy Scripter
  3. 0

    Diese scheint man kinderleicht und enorm einfach:

    //In the next line, you must grab the parent element of the div with class fb-comments.

var oComments = document.querySelector("#CONTAINER-OF-COMMENTS-BOX");

oComments.innerHTML = '<div class="fb-comments" data-href="http://www.whatever.com/" data-num-posts="NUMBER OF POSTS TO SHOW" data-width="WIDTH OF CONTENT"></div>';

FB.XFBML.parse(oComments);

    Können Sie alternativ wählen Sie das übergeordnete element mit jQuery-wie so:

    var oComments = $(".fb-comments").parent().get(0);

    Stellen Sie sicher, zu ändern, die data-href Attribut des fb-comments div ändern Sie die URL, für die die Kommentare über. Sollten Sie auch passen data-num-posts für die Anzahl der Beiträge zu zeigen und zu data-width für die Breite des Inhalts. Das sollte es tun!

    InformationsquelleAutor Gabriel Ryan Nahmias
  4. 0

    Verwenden, prüfen Sie die unten stehende Skript, die für mich arbeiten.

    <script type='text/javascript'>
     var postUrl = '<data:post.url/>';
     document.write("<div class="fb-like" data-href='" + postUrl + "' data-layout="standard" data-action="recommend" data-show-faces="true" data-share="true"></div>");
</script>

    Seinen link geben von jedem Beitrag entsprechend.

    InformationsquelleAutor HateStackOverFlow
  5. 0

    Ich bin ein blogger, ich habe folgenden Skript in meinen blog, was für mich funktioniert.

    <script type='text/javascript'>
     var postUrl = '<data:post.url/>';
     document.write("<div class="fb-like" data-href='" + postUrl + "' data-layout="standard" data-action="recommend" data-show-faces="true" data-share="true"></div>");
</script>

    Seinen link geben von jedem Beitrag entsprechend. Es könnte helfen, voll für Sie auch.

    InformationsquelleAutor HateStackOverFlow
Schreibe einen Kommentar