Jump to content

Archived

This topic is now archived and is closed to further replies.

valterfurtado

[Resolvido] Curtir do Facebook

Recommended Posts

Estou com um problema com o botão curtir do facebook.

 

Quando clico nele, ele exibe o link corretamente... o nome do site também. Porém a imagem ele mostra uma imagem que não tem nada a ver com post.

 

Alguém sabe como eu "defino" a imagem que vai aparecer no curtir?

 

Tou usando ASP.NET C#

Share this post


Link to post
Share on other sites

Valtim, Boa Tarde.

 

Eu estou tentando fazer o botão de curtir do Facebook no meu site, mas não estou conseguindo, você poderia me explicar como você fez o seu.

 

Eu ate achei no site do facebook alguns códigos em HTML, XFBML e IFRAME, mas não consegui usar nenhum, se você puder me ajudar.

 

Obrigado

Bruno Trevisol

Share this post


Link to post
Share on other sites

Faça assim, adicione essa meta tag na sua página:

<html xmlns="http://www.w3.org/1999/xhtml"
     xmlns:og="http://ogp.me/ns#"
     xmlns:fb="https://www.facebook.com/2008/fbml">
 <head>
   <title>The Rock (1996)</title>
   <meta property="og:title" content="Titulo da pagina"/>
   <meta property="og:type" content="movie"/>
   <meta property="og:url" content="http://  link da pagina a ser compartilhado/"/>
   <meta property="og:image" content="http://  imagem que representa seu site"/>
   <meta property="og:site_name" content="titulo de seu site"/>
   <meta property="og:description"
         content="Descrição da sua pagina."/>

E isso na pagina que deseja o link curti.

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Partilhar</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"         	type="text/javascript"></script>

Share this post


Link to post
Share on other sites

Ivan. Teles Bom dia!!

 

Obrigado por me ajudar.

 

Então eu coloquei esses códigos no meu projeto, eu estou tentando fazer em .net, estou usando o visual studio 2010.

 

A primeira parte do código que você postou eu coloquei na parte do source da minha pagina, gostaria de saber se é realmente ali que eu coloco, e a segunda parte eu coloquei no mesmo lugar, mas no lugar que eu quero que apareça o botão de curtir.

 

Algumas palavras do código estão grifadas no visual studio, como a palavra property, com a mensagem nela de:

 

Validation (XHTML 1.0 Transitional): Attribute 'property' is not a valid attribute of element 'meta'.

 

Se puder continuar me ajudando.

 

obrigado

Bruno Trevisol

Share this post


Link to post
Share on other sites

Então acabei de testar aqui, acho que funcionou sim, mas ele abre uma janela para compartilhar o link, quando clica no botão curtir, eu gostaria que ele não compartilha-se, só o curtir mesmo e na frente do botão quantas pessoa curtiram isso.

 

você sabe se teria como deixar só o curtir??

 

Obrigado

Share this post


Link to post
Share on other sites

Então, testei uma coisa aqui também, quando você clica em curtir e compartilha o link, na hora ele soma 1 pessoa que curtiu aquilo, e no meu Facebook aparece o compartilhamento, mas quando você sai do site e entra de novo, não esta mais la esse 1 pessoa que curtiu.

 

Já tinha visto esse link, mas não tinha entendido certinho, vou olhar de novo.

 

Você tem algum botão curtir em algum site para eu ver como ficou??

 

Obrigado

Bruno Trevisol

 

Ivan.Teles esqueci de pergunta uma coisa, essa parte do código que você colocou:

 

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Partilhar</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"type="text/javascript"></script>

 

Ela é do botão compartilhar realmente, por causa do Share, você teria essa parte do código mas do botão Curtir??

 

Obrigado

Bruno Trevisol

Share this post


Link to post
Share on other sites

Como que funciona ele??

 

aquele primeiro código que você me passou de compartilhar, funciona certinho, o de curtir deve ser bem parecido com aquele, mas infelizmente ainda não consegui.

 

Obrigado

Bruno Trevisol

 

Peguei o código desse site que você passou mas ele não reconhece essa parte do código.

 

fb:like:layout="button_count"

 

Obrigado

Bruno Trevisol

Share this post


Link to post
Share on other sites

Tem varias opções:

Iframe:

<iframe src="//www.facebook.com/plugins/like.php?href&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21&appId=111408308954621" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

 

Outras opções:

http://developers.facebook.com/docs/reference/plugins/like/

 

Peguei o código desse site que você passou mas ele não reconhece essa parte do código.

fb:like:layout="button_count"

Não funciona por que para que ele funcione você tem que adicionar os JavaScripts necessários para o funcionamento.

Share this post


Link to post
Share on other sites

Entendi, e você sabe aonde eu consigo esses JavaScripts necessários para o funcionamento??

 

Obrigado pela ajuda novamente, eu já gerei o código com esse outro link que você passou mas não aparece nada na tela.

 

=/

Share this post


Link to post
Share on other sites

Meu código esta assim, coloquei isso no cabeçalho da minha pagina

 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<body>
<div id="fb-root"></div>
<script>    (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/pt_BR/all.js#xfbml=1";
       fjs.parentNode.insertBefore(js, fjs);
   } (document, 'script', 'facebook-jssdk'));
</script>
 <head>
   <title></title>
   <meta property="og:title" content="Titulo da pagina"/>
   <meta property="og:type" content="movie"/>
   <meta property="og:url" content="http://  link da pagina a ser compartilhado/"/>
   <meta property="og:image" content="http://  imagem que representa seu site"/>
   <meta property="og:site_name" content="titulo de seu site"/>
   <meta property="og:description"
         content="Descrição da sua pagina."/>
 </head>
</body>
</html>

 

E aonde eu quero que apareça o botão esta assim, com o botão de compartilhar que esta funcionando, e o de curtir que não esta.

<br />
  <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Compartilhar</a><script                       src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<br />
           <!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4ee7591b757b9189"></script>
<!-- AddThis Button END -->

Share this post


Link to post
Share on other sites

Se você for usar AddThis remova tudo que você adicionou e adicione somente isso:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4ee7591b757b9189"></script>
<!-- AddThis Button END -->

 

Share this post


Link to post
Share on other sites

Tirei tudo como você falou e deixei só isso, aonde eu quero que apareça a botão.

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4ee7591b757b9189"></script>
<!-- AddThis Button END -->

 

Mas ele continua não reconhecendo o fb:like:layout

 

Obrigado

Share this post


Link to post
Share on other sites

Cara somente aquele codigo ja teria que funcionar:

<div class="addthis_toolbox addthis_default_style " addthis:url="URL do SEU SITE>"
                                   addthis:title="TITULO DA PAGINA" addthis:description="DESCRIÇÃO DA PAGINA A SER COMPARTILHADA">
                                   <a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4ee7591b757b9189" class="addthis_button_compact">
                                       Compartilhar</a> <span class="addthis_separator">|</span> <a class="addthis_button_preferred_1">
                                       </a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3">
                                       </a><a class="addthis_button_google_plusone"></a>
                                   <script type="text/javascript">                                        var addthis_config = { "data_track_addressbar": true };</script>
                                   <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4ee7591b757b9189"></script>
                               </div>

 

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.