API do Facebook - Comment compartilhar links para o URL incorreto

9

Tudo bem, então estou configurando caixas de comentários no meu site. Aqui está um exemplo de um:

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

Por algum motivo, em vez de vincular ao URL comentado, ele vincula as pessoas a https://www.facebook.com/apps/application.php?id=435066949857522

Não consigo entender por que isso está acontecendo, alguma sugestão?

Apenas no caso aqui está minha iniciação do FB (após a tag de abertura do corpo):

<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>
    
por pashOCONNOR 31.03.2014 в 09:03
fonte

3 respostas

2

Você deve fornecer um URL de proxy (html simples, não um aplicativo javascript como sua página) com tags de gráfico aberto para o Facebook scraper (og: title, og: description, og: image, og: sitename, og: type) e um redirecionamento de javascript para usuários reais. Exemplo:

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

É claro que deve ser gerado no lado do servidor e você deve alterar og: url para o seu URL de script real.

    
por smalu 21.06.2014 / 14:32
fonte
0

Para adicionar o sistema de comentários do Facebook, você também pode usar esse método da seguinte maneira:

1.Na sua tag , adicione esta meta tag

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

2.Agora, onde quer que sua caixa de comentários apareça, basta adicionar a seguinte linha de código para que você não precise escrever esse javascript na sua tag -

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

3.Além disso, você pode alterar o idioma em que seus comentários aparecem, substituindo en_US pelo respectivo idioma.

Um link útil: link

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

Use o código acima para mostrar a caixa de comentários. Além disso, adicione a seguinte meta tag na sua tag -

<meta property="fb:app_id" content="your app ID"/>
    
por Yuvraj Kakkar 27.06.2014 / 19:25
fonte