Botões do Facebook (Gosto, seguir etc.)

[Jamonte]

Olá

Desculpem a minha ignorância. Eu queria meter, inicialmente, numa pagina que criei um botão de "gosto". Eu ja fui a https://developers.facebook.com/docs/reference/plugins/like/ meto o link da pagina e obtenho o código mas depois não funciona 😞

Já andei na net a tentar descobrir como fazer, e de facto la encontram-se os códigos mas continua a não aparecer na pagina. não sei se é por a pagina do site ter sido feita com um velhinho Frontpage ou assim.

Eu gostaria que fosse aquele botão onde aparecem as caras das pessoas que "gostam"

Se me pudessem ajudar eu agradecia, e mais uma vez desculpem a minha ignorancia

[abolinhas]

https://developers.facebook.com/docs/reference/plugins/like-box/

Já andei na net a tentar descobrir como fazer, e de facto la encontram-se os códigos mas continua a não aparecer na pagina. não sei se é por a pagina do site ter sido feita com um velhinho Frontpage ou assim.

Pois, muito provavelmente deves estar a utilizar o versão antiga do HTML, tens 2 opções:

1º - Migras a tua pagina para HTML5

2º - Quando clicas em "Get code" tens que copiar o codigo que esta no separador "IFRAME"

[Jamonte]

Ok

Deve ser isso então. mas pra migrar a pagina para HIML5. há algum programa gratuito que possa utilizar?

Muito obrigado

[abolinhas]

Não existe nenhum programa que migre para HTML5, para migrares para HTML5 tens que fazer algumas alterações no código da tua pagina.

http://bubblogging.wordpress.com/2012/01/16/upgrading-to-html5/

Alem dos chamados "headers" provalvemente vais ter que alterar o teu CSS, JS, etc.

Edited April 14, 2013 at 10:08 PM by abolinhas

[Jamonte]

Obrigado. mas penso que isso já vai alem das minhas possibilidades 😞

Quanto ao headers, CSS e JS não sei se terei de alterar alguma coisa. a pagina é mesmo muito básica. se pudesse meter o código aqui fazia-o mas o post fica muito grande

Bom, obrigado na mesma 👍

[abolinhas]

Porque é que não utilizas o código IFRAME do facebook, assim não tens que migrar o teu código para HTML5

[Jamonte]

Porque não gera. Aparece assim

http://img694.imageshack.us/img694/2659/framekm.jpg

Se puderes ajudar a resolver o problema agradeço imenso

[Jamonte]

Acho que já fiz algum progresso já consigo gerar a IFRAME depois de copiar para o editor da pagina e se fizer pré-visualização a mesma até aparece. como se pode ver aqui:

http://img607.imageshack.us/img607/3826/cetoan.jpg

Mas depois de salvar as alterações fica assim online:

http://img849.imageshack.us/img849/9391/cetosde.jpg

Sabem como reparar tal "erro"?

Obrigado

[Knot]

Eu uso iframe, ainda tenho de quando aparecia o código em iframe:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftvdospobres&width=352&colorscheme=dark&show_faces=true&stream=false&header=false&height=256" style="border:none; overflow:hidden; width:353px; height:256px;" ></iframe>

Basta alterares:

http%3A%2F%2Fwww.facebook.com%2Ftvdospobres

pela tua página do facebook.

: corresponde a %3A

/ corresponde a %2F

Depois é uma questão de mudares também as medidas se quiseres.

[Jamonte]

vou experimentar e depois digo algo. obrigado

[abolinhas]

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&height=62&show_faces=false&colorscheme=light&stream=false&header=false&appId=346280915472459" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe>

Este é o código original das api do facebook, altera platform (a negrito) pelo o nome da tua página

Edited April 17, 2013 at 11:25 PM by abolinhas

[Jamonte]

Lamento se me fiz perceber mal. Eu quero numa pagina web (Não do facebook!!) meter um botão "gosto". Não sei se estamos a falar do mesmo :-/ Dá para fazer isso?

Desculpem a minha falta de explicação pro que pertendia

[abolinhas]

Um botão gosto para a tua pagina / perfil do facebook, certo?

Se sim então é esse o código!!

Colocas este código na tua pagina web

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&height=62&show_faces=false&colorscheme=light&stream=false&header=false&appId=346280915472459" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe>

Só tens que alterar o que esta a negrito (platform) para o nome da tua pagina ou perfil do facebook

Edited April 18, 2013 at 03:33 PM by abolinhas

[Jamonte]

Um botão gosto para a tua pagina / perfil do facebook, certo?

Não. Eu queria por exemplo numa pagina como esta: http://www.cetos.info/osimparaveis/tabelatotobola.htm meter um botão de gosto do Facebook. Isto é quem visitasse a pagina poderia fazer gosto e na sua pagina do facebook aparecia que gosta da pagina.

Era isto

Edited April 18, 2013 at 05:33 PM by Jamonte

[abolinhas]

Ok, nesse caso precisas disto

<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_PT/all.js#xfbml=1&appId=APPID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.cetos.info/osimparaveis/tabelatotobola.htm" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>

Na parte do javascript tens que alrterar APPID pelo id da tua APP que vais ter que criar no Facebook

https://developers.facebook.com/apps/

Edited April 18, 2013 at 09:06 PM by abolinhas

[Jamonte]

Olá null

Eu introduzi este código na pagina web:

<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_PT/all.js#xfbml=1&appId=126727707519827";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.cetos.info/cetencesnasuica/index.htm" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>

 

http://img29.imageshack.us/img29/5421/appxx.jpg

Mas continua a não aparecer nada.

Podes-me SFF. ver se esta algo errado?

Muito obrigado

[abolinhas]

Nas definições da tua APP no facebook colocaste o dominio da tua pagina?

http://ubuntuone.com/2HBpgrMKi9nmnhCbf3cHmw

[Jamonte]

Olá

O domínio ou a pagina?

Domínio é, por exemplo www.fake.ch Certo? não pode ser www.fake.ch/pagina ????

Obrigado pela colaboração

[Jamonte]

Resolvido!!!!

O "problema" estava no editor que estava a usar. Utilizei o notpad e agora funciona tudo as mil maravilhas.

Obrigado a todos pela colaboração