2014-03-31 10 views
9

Okay, ich richte Kommentare auf meiner Website ein. Hier ist ein Beispiel von einem:Facebook API - Kommentar teile Links zu falscher URL

<div class="fb-comments" data-href="http://whisperingforest.org/#/quote/60" data-numposts="5" data-colorscheme="light"></div> 

Aus irgendeinem Grund stattdessen an die kommentierte URL zu verknüpfen, es verbindet Menschen zu https://www.facebook.com/apps/application.php?id=435066949857522

ich kann nicht herausfinden, warum es so tun, irgendwelche Vorschläge?

Für den Fall, hier ist meine FB Initiation (nach der Eröffnung Body-Tag):

<div id="fb-root"></div> 
    <script> 
     window.fbAsyncInit = function() { 
     FB.init({ 
      appId  : '467744490017837', 
      status  : false, 
      xfbml  : true 
     }); 
     }; 

     (function(d, s, id){ 
     var js, fjs = d.getElementsByTagName(s)[0]; 
     if (d.getElementById(id)) {return;} 
     js = d.createElement(s); js.id = id; 
     js.src = "//connect.facebook.net/en_US/all.js"; 
     fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk')); 
    </script> 
+0

Gleiches Problem. Falsche URL auf: og_title mit falscher app_id (wie deine https://www.facebook.com/apps/application.php?id=435066949857522). –

Antwort

2

Sie sollten einen Proxy-URL (plain html, kein Javascript-Anwendung als Ihre Seite) bieten mit Open Graph-Tags für Facebook scraper (og: title, og: Beschreibung, og: image, og: sitename, og: type) und eine JavaScript-Weiterleitung für echte Nutzer. Beispiel:

<html prefix="og: http://ogp.me/ns#"> 
<head> 
    <meta property="og:title" content="Quote #60" /> 
    <meta property="og:type" content="article" /> 
    <meta property="og:url" content="http://whisperingforest.org/quote.php?id=80" /> 
    <meta property="og:image" content="http://placehold.it/200x200&text=thumb" /> 
    <meta property="og:description" content="some description or maybe whole quote?" /> 
    <meta property="og:site_name" content="Whispering Forest" /> 
    <script>document.location.href="http://whisperingforest.org/#/quote/60"</script> 
</head> 
</html> 

Natürlich sollte es serverseitige erzeugt werden, und Sie müssen og ändern: url Ihrer reale Skript-URL.

<meta property="fb:app_id" content="your app ID"/> 

2.Now, wo immer Sie

1.In Ihren Tag, fügen Sie diese Meta-tag-:

0

Facebook Kommentarsystem hinzuzufügen, können Sie auch diese Methode in folgenden Weise verwenden folgende Codezeile möchten, dass Ihre Kommentarfeld angezeigt werden soll, fügen Sie einfach, damit Sie nicht, dass Sie Javascript in Ihrem tag-

<div id="fbcomments"> 
     <div id="fb-root"></div> 
     <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> 
     <fb:comments href="URL of your webpage" width="880"></fb:comments> 
     </div> 

3.Also, y schreiben müssen Sie können die Sprache ändern, in der Ihre Kommentare erscheinen, indem Sie en_US durch die entsprechende Sprache ersetzen.

Ein nützlicher Link: http://code.tutsplus.com/articles/the-ultimate-guide-to-implementing-facebook-comments-on-your-blog--wp-23855

0
<div id="fbcomments"> 
     <div id="fb-root"></div> 
     <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> 
     <fb:comments href="URL of your webpage" width="680"></fb:comments> 
     </div> 

Verwenden oben Code Kommentarfeld zu zeigen. Fügen Sie auch folgendes Meta-Tag in Ihrem Tag hinzu:

<meta property="fb:app_id" content="your app ID"/> 
Verwandte Themen