Redes Sociais Widget Vanessa S.
Diversos Widget Plugins Sociais do Facebook
Mostre a seus leitores que você tem uma página do seu blog criada no facebook, dando-lhes mais uma opção de acompanhar seu conteúdo publicado.
Neste artigo, selecionamos uma série de plugins sociais oferecidos pelo Facebook.
A seguir conheça alguns Widgets para divulgar sua página no facebook no seu blog.
A página Social plugins oferece alguns widgets do facebook Plugins sociais permitem que você veja o que seus amigos curtiram, comentaram ou compartilharam em blogs/sites por toda a web.
1. Widget Atalho para páginas
Se quiser crie atalhos para a sua página, utilizando a página de atalhos do facebook.
“Atalhos para páginas” exibe o números de fãs que sua página possui e você pode adicionar o widget na sidebar do blog ou onde desejar.
2. Widget Like box:
O widget do Like Box, permite que você exiba o número de pessoas que curtiram a sua página no facebook.
Para adicionar o widget do Like Box, acesse a página do Like Box.
Em “Facebook Page URL“, você deve colar a URL da sua página.
Em “Width“, escolha a largura total do seu widget.
Em “Show Faces“, escolha se quer mostrar o profile dos usuários.
Se marcar a opção “Show stream”, mostrará as ultimas publicações que você fez em seu mural. Se não quiser exibi-las, desmarque esta opção.
Clique em “get code” copie o código da caixa de texto e cole-o onde desejar no seu blog.
3. Widget Facepile:
O plugin Facepile exibe as imagens em seu perfil do Facebook de usuários que se conectaram com a sua página através de uma ação global ou do costume, ou também pode ser configurado para exibir os usuários que se inscreveram para o seu site.
4. Live Stream
O plugin Live Stream permite que seu usuário ao acessar sua página ou aplicação possar deixar um comentário em tempo real.
Você precisará inserir sua APP ID para gerar o plugin.
Para pegar essa ID, vá na sua página, abra uma foto do álbum e copie o ID da página localizado na URL:
Veja imagem:
5. Send Button
O Send Button permite que o usuário envie o conteúdo da sua página a seus amigos do facebook ou emails.
O processo de implantação é semelhante ao do like button.
6. Recommendations Box
O plugin Recommendations Box, serve para exibir as recomendações dos usuários. Para gerar as recomendações, o plugin considera todas as interações sociais com URLs do seu blog.
Em “Domain” você deve inserir a url do seu blog (não é a url da sua página).
Você precisará inserir sua APP ID para gerar o plugin.(Veja a explicação no item 4).
7. Activity feed
Este plugin é semelhante ao Recommendation box.
Com o Activity feed , você consegue exibir uma caixa box com as últimas atividades dos seus amigos no facebook para uma determinada URL, por exemplo, recomendações dos seus Posts.
O processo de implantação é semelhante ao do Recommendations Box.
8. Registration
O plugin Registration permite que usuários se inscrevam ou se cadastrem na sua página com sua conta do Facebook. Quando logado no Facebook, os usuários verão um formulário que é pré preenchido com as informações do Facebook.
Como instalar
Em todos os plugins citados, após preencher as informações necessárias, clique em “get the code”, para gerar o códig de instalação.
Copie o código.
Para instalar qualquer um destes widget, no painel do blogger, vá até o menu “layout” ? “adicionar gadget” ? Escolha tipo “HTML/Javascript” e cole o código do widget que você escolheu, e salve.
Coloquei o código em meu blogger porém as partes escritas (Você curtiu isso e Você e outras pessoas curtiram) está numa cor ruim para o modelo escolhido por mim (cores) em meu blog. Tenho como modificar a cor original (azul escuro) para uma cor clara? Caso positivo, onde devo alterar isto no código fornecido pelo facebook?
Grata,
Ana Porto
Tenho o LikeBox no portal http://www.GazetaDaSemana.com.br
porém quando acessam o portal pelo celular (via aplicativo instalado) não aparece que já curtiu, pois o mesmo se conecta apenas via html (creio eu)…
Como fazer para quem está conectado via aplicativo CURTIR sem precisar logar via pagina (http)?
Tenho um Blog em WordPress e este tutorial me ajudou bastante eu procurava um tutorial de como incluir uma like box sem usar os Plugins do WordPress e este me tutorial me ajudou bastante mesmo sendo voltado para o Blogger.
Obrigado
Oi Vanessa, tudo bem contigo?
Olha só, depois das ultimas mudanças que tivemos no facebook, não estou conseguindo mais colocar a ferramenta SEND (Enviar) normalmente em meu blog para os envios de publicações, conforme fazíamos antes para grupos e pessoas. Essa ferramenta na minha opinião é uma das melhores do face por permitir envio para até 100 grupos ou perfis de uma vez só, escolhendo apenas para onde se enviar.
Todas as vezes que eu faço colocação, no local da URL coloco o endereço de minha página (www.blogdoed.com) e quando tento enviar, fica horrível e desconfigurado, indo as vezes imagem de publicações que em nada tem à ver com a postagem.
Daí, eu troco e coloco a URL da fan page, e não segue nem com a publicação, nem com a imagem da publicação.
Ou seja, tá totalmente ruim a coisa.
Já no quesito Recomendar ou Compartilhar, vai normalmente.
Acredito estar fazendo algo errado, só não identifiquei ainda o quê.
Podes me dar alguma orientação referente à isso, por favor?
olha qual o nome do plugim que faz com que a página do face apareça como uma propaganda assim que a pessoa entra no site ?
Eu estou tentando colocar a minha Page do face no blog mas não vai! Já limpei 10 VEZES o tal de “cookies e caches”! O que eu faço?
Lara, lamento, mas não tenho como saber especificamente o que aconteceu no seu caso.
Queria pedir uma pequena ajuda!
Toda vez que alguem compartilha um poste do blog no Facebook, o sistema pega mesma foto (Logo do blog).
Fui tentar resolver e percebi que deve ser algo já configurado no HTML
Eu tentei uma tag na postagem mas não funcionou, acho que deve ser algum comando na raiz. Vc conhece este problema? Tem alguma dica para me dar?
Se puder me ajudar eu agradeço, eu estou com o likebox criado na parte de desenvolvedores do facebook , só que ao colocar o código gerado e inserido no rodapé do blog ele cria uma espaço transparente aumentando assim o meu layout. Já tentei mexer e não consigo. Até coloquei em outra área do layout e o mesmo espaço se forma abaixo da caixa. Teria como remover este espaço que não foi planejeado?
No caso, aparece varios codigos, e varios botoes com codigos diferentes, tentei alguns, mas qual eu devo por, eu n sei, me ajude 🙁
Sou iniciante em PHP avançado, tbm aprendo tudo sozinho, pesquisando na web, trabalho quase 100% com vetorizações, em Corel e PhotoShop, mas realmente estou me apaixonando pela programação.
Fiz o clique em “get code”, mas não sei onde aparece o código da caixa de texto que eu devo colar no meu blog.
Pode indicar?
Eu coloco esse plugin mas não consigo visualizar a foto de quem curtiu o post, mesmo ativando o show faces. Qual é o problema? Como resolvo?? Alias, excelente post!!
Vanessa, porque no meu blog quando uma pessoa curte aparece 2 fotos no likebox?
Eu copiei o código do like box, em iframe, blz tudo certinho, colo noblogger, mas a caixa não aparece, a 1a. vez apareceu, salvei, mas na sequencia sumiu, eu abro a página design e o gadget está lá, quando abro o código que eu havia colado e salvo..desapareceu! Faço tudo novamente e não fixa, sempre some!!! O que fazer? Pls help me, já pesquisei até e não encontrei nada sobre!!!
obrigada!!!
Olá Vanessa to com o mesmo problema do DIRTY CREATIVE a caixa like box só aparece no meu blog quando estou logado teria alguma resposta para isso, já pesquisei na net e não achei nada a respeito.
Agradeço se puderes me ajudar…
Bjs…
Olá…
Tive um problema com o gadget lake box, segui todos os passos, porém mostra quem curtiu a pagina do face e não a minha.
Adenilson, blz amigo?
na parte que diz ” facebook page url ” você deve colocar
o link da sua página no facebook, aí continua normalmente como você fez, assim vai dar certo!
espero ter ajudado. Abrass
Estou com um problema em meu blog de filmes,a like box só fica visivel se eu estiver logado no face,caso contrario não da certo em ipotese alguma seje em FB ou frame ou XFBML ou URL…
Tens alguma solução paraeste erro,por favor ??
Já tentei colocar os plugins desta maneira mas o blog não aceita de jeito nenhum..
O que pode ser?
Vanessa,
Parabéns pelos tutoriais! Parabéns pela escrita! Você escreve muito bem e de modo fácil de compreender!
No entanto, a única coisa que está “estragando” seu site é a propaganda da Net Hd… toda vez que se passa a setinha por cima de qualquer link do seu post, um vídeo instantaneamente é iniciado… chega a ser irritante… perdi as contas de quantas vezes tive que fechar esse anúncio…
Mas em fim… talvez esse anúncio seja uma forma de você manter seu site…
Parabéns novamente pelo bom trabalho!
Olá, queria saber como eu coloco o: >> 2. Widget Like box: <<.
Já peguei o código, mas não sei o local certo para colar-lo pois sempre aparece no blog o código mas o widget ñ. Se poder me ajudar agradeço muito.
Vc pode colar na sidebar do seu blog. Vá em “layout >> adicionar gadget” >> escolha o tipo “html/javascript” e cole ali.
Boa dia a mim, quando coloco na sidebar continua a acontercer-me o mesmo. Aparece-me o código mas não me aparece na página a caixa de gostos. Como resolvo isso, preciso mesmo de ajuda.
Mais uma que apliquei em meu blog.
Abraço.
Muito bom esse recommendations box!
Tenho um dúvida sobre os botões do facebook, tentei colocar um barra de curtir, tweetar e plus ao lado do leia mais, mas algum tipo de bugno botão curtir ocorre no carregamento, fica mais visível no Google Chrome, quando está carregando a página inicial, saberia me dizer se é o script que está com erro ou é assim mesmo?
Pode ser algo relacionado ao script sim, mas não sei te informar ao certo o que é.
Vanessa, eu coloquei no meu blog, mas fica repetindo direto os usuarios que curtiram! Me responda por favor estou precisando!
Que eu saiba é assim mesmo.
Fiz tudo direitinho mas a like box não aparece no blogger. Ela aprece na pagina de plugins do face, conecta aos meus fãs, mas não aparece quando colo no blogger. Sabe o que pode ser??? Ja colei o codigo html e testei o java também
O meu tbm não estava funcionando, então tentei a opção de gerar o código em IFRAME.
Quando geramos o código (GET COD) ele aparece em HTML5, o “botão” fica em negrito. Basta clicar no IFRAME que aparece o novo código. Eu colei no gadget Java e deu certo. Talvez vc precise regular a largura no width.
Vanessa boa tarde, minha amiga a minha pergunta é seguinte, e gadget da janela do facebook, aquelas que se vê em sites, CONECTE-SE E PARTICIPE, pra melhorar a pergunta, uma janela que dizem que seus amigos estao lendo em seu blog. entendeu? pode fazer um post desse no seu blog? e outra se voce souber, me avise por email ou poste aqui mesmo. Abraço
Não entendi que recurso é esse que vc falou.
amada ja ate consegui colocar a caixa de comentario mais ele repete em todos os comentarios o que pode ser feito
Aff… eu ja usei várias vezes, mas quando troquei o template do meu blog ele desapareceu. ja retornei para os modelos blogger e estou criando algo por lá msm, mas não aparece mais o Like Box… será algum problema no blogger? Nem pop do like ta funcionando… 🙁
Boa tarde Vanessa.
Sou totalmente leiga em alguns assuntos de computador.Criei um blog recentemente e queria colocar plugins sociais do face mas não consigo de jeito nenhum.Estou encontrando muita dificuldade.Poderia me ajudar?Não estou entendendo.Pode explicar de maneira mais detalhada.Onde se cola aquele código que aparece quando a gente clica em get code.Espero um breve retorno.
Vc entra no painel do blogger, vá até o menu “layout” , clica em “adicionar gadget” ? Escolha tipo “HTML/Javascript” e cole o código que vc copiou em “get code”, e salva.
Adoro suas dicas, smp dá certo! Muito obrigada! 🙂
Puxa Vanessa você sempre tem tudo o que eu procuro pro meu blog. Que por sinla tá comessando e está muito legal ( a maioria dos ‘itens’ do meu blog são todos retirados dos seus posts. continue assim.
Muito boa essa matéria, nos mostra as diferenças das aplicações.
Parabéns
Vanessa, queria saber qual o nome daquele pluguin/widget que vc usa no seu blog parte superior direita, para exibir a quantidade: assinantes, seguidores, fãs e google +, se possível revelar eu agradeço, Um abraço, Seu blog tem um visual sensacional, eu também sou amante de design, pena que os sites brasileiros não são como o seu, a maioria não foca muito o design.
eu consigo o codigo e tudo mais não sei onde botar esse codigo….onde eu boto o meu site eu um Blogger
Quando tento criar uma Widget Like box com o endereço do meu face em um outro site aparece a seguinte mensagem: There was an error fetching the like box for the specified page.
Tem algo a ver com o meu face ser pessoa física?
Este Widget é especifico apenas para páginas.
muito bom o seu blog e tem umas óptimas dicas
um abraço
Leonel Marques
Olá Vanessa, gostaria de adicionar o Widget Like box no meu blog.
Porém quando clico em get code aparecem dois códigos, tentei os dois e nada. Você pode me ajudar?
Obrigada!
na caixa que aparece os códigos, por cima tem (HTML5 XFBML IFRAME URL) escolha a opção iframe, gere o código e cole no seu blog.
abraço
Leonel Marques
Vanessa, tem como ensinar a utilizar o de registro de maneira correta? Obrigado!
Muito bom Vanessa, você é que melhor sabe explicar!!
faltou nesta lista de plugin social só a caixa de comentario do face no blogger
abraço.
Eu também tentei de todas as maneiras colocar essa caixa de comentário no meu blog, mas ele repete os comentários em todos posts, como não achei nenhum tutorial que funcionasse, desisti.
Guilherme, é que este plugin é necessário ter um post exclusivo com um tutorial só pra ele..pq o processo de instalação é um pouco mais “complicado”. Estou preparando o artigo, logo publicarei 🙂
Realmente deve ser meio complicado, ou não é complicado, apenas o blogger não recebe isso muito bem. Eu coloco do jeito que é ensinado nos tutoriais, funciona dois dias, ai de uma hora para outra, os comentarios começam a repetir em todas paginas, ou as vezes somem. Vai entender né!!
Também tentei milhares de tutoriais tentando colocar os comentários do face no blog, mais nunca consegui, os que eu achava eram antigos e não correspondiam as paginas que deveriam fazer isso, espero ansiosamente por um tutorial atualizado de como fazer.
Òtimo! Então esperarei por esse tutorial porque a maioria dos tutoriais da internet estão desatualizados e são complicados demais!
edita o CSS coloca essa script abaixo em vez do seu NOME DO SITE.com
ABraços
(expr:href=’data:post.addCommentUrl’)
Olá Vanessa, o Facebook se torna mais importante para a divulgação de um projeto a cada dia que passa e o blog que não o utilizar corretamente certamente vai ficar para trás. Excelente artigo 😀
Abraços, Arlindo Armando
É verdade Arlindo, concordo com vc. Obrigada pelo comentário 🙂
Como eu faço para colocar o botão do Facebook no Blogger, é aquele botão cout onde aparece no numero de pessoas que curtiram. vc pode dizer como é que faz p colocar?