Posts com a tag "facebook":
02/12/2010 - 18:48
À partir do post que eu fiz há algum tempo sobre como fazer uma página no facebook, resolvi incrementar a página que criei para o tutorial, fazendo assim a página do blog no facebook.
Aproveitei, e alterei o aplicativo do blgo que eu tinha criado e incluí uma aba na página.
Acessem ,lá…
http://www.facebook.com/pages/Blog-do-Garcia/150256105006954?v=app_135598243117295
Enviado por: leandro garcia - Categoria(s): facebook, pages
Tags relacionadas: facebook, facebook page
19/10/2010 - 18:22
Nos últimos dias algumas vezes me perguntaram como criar uma página no Facebook, motivo este que me fez escrever este post. Vamos lá.
A primeira coisa, é acessar este link e criar uma página. http://www.facebook.com/pages/manage/
Em seguida, você deve preencher os dados requisitados. Que ão: O Nome da página e o tipo de página, se é para uma comunidade, se é para um negócio, um artista ou marca. Para esse exemplo, vou criar a página do blog, e vou preencher como “marca, produto ou organização” vais e abrir um combo com tipos e eu escolhi site.
Em seguida confirmar.
O terceiro passo é preencher o conteúdo básico da página, inserir uma foto, informaçõe, etc.
Inseri uma foto, informações básicas, como ano de fundação, website e uma descrição. Aproveitei e vinculei está página que eu criei ao meu twitter (pra quem não sabe é @leandrogarcia) . Eu podia preencher também meu e-mail para postar coisas nessa página à partir do meu celular, mas deixei pra depois. Ao lado esquerdo, tem um link escreva alguma coisa sobre a página, preenchi também. E pronto, com isso criamos a nossa primeira página no Facebook, bem smples, não.
Agora vamos faxer algum um pouco mais complexo. Vamos criar uma guia, com imagens, links, etc. Como vemos por ai.
Bom, volte ao seu perfil, do lado esquerdo, deve ter aparecido um link anuncios e páginaas, clique nele.
Agora você pode configurar sua página, pra aparece por pais, só pra algumas idades, ou se a página está em contrução e deve aparecer apenas para os administradores, nesse caso, vou deixar aberta para todos.
Aqui você configura o mural, eu deixei o padrão, que pra esse caso serve.
Tem algumas outars configurações que você pode fazer, mas que não são relevantes agora, como configurar a aba de videos.
Vamos para o que interessa, criar uma aba(página) editada por você, com imagens, links, etc.
Lá embaixo, no último item, tem a opção mais aplicativos, que você pode inserir na sua página. No nosso caso, vamos inserir o FBML estático, que está até como sugestão.
Ao clicar no app “FBML estático” se abrirá a página do aplicativo. Lá, abaixo da foto você verá o link, adicionar à minha página.
Depois de adicionar à sua página, volte à area de edição da mesma e você verá um item, “FBML 1″, esse nome é o que aparece na aba da sua página, mas não esquent é simple mudar esse nome.
Clique em editar e pronto, é só construir sua página em HTML, simples não?
Só que, um embed em flash, diretamente não funciona tem que se usar a estrutura de FBML, assim como Javascript, tem que usar FBJS, que são linguagens próprias do Facebook, no entanto, para colocar css, imagens, listas, hs, ps, ou seja, as tags html, não muda nada. é a mesma sintaxe.
Vou alterar o nome da guia para minha primeira página e no corpor vou inserir um título (Minha primeira página) e uma imagem.
Viu como é simples. Veja o código, nada de diferente.
<h2>Minha primeira página</h2>
<img src="http://www.leandrogarcia.com/wp-content/uploads/2009/11/fb10-300x93.gif" alt="minha imagem" />
Veja como ficou:
http://www.facebook.com/pages/Blog-do-Garcia/150256105006954?v=app_4949752878
Num próximo post abordarei o FBML e como postar um vídeo do you tube na sua página.
Enviado por: leandro garcia - Categoria(s): facebook, pages
Tags relacionadas: facebook, facebook page, fbml, pages
02/09/2010 - 13:52
Finalmente, criei vergonha na cara e desenvolvi um app do blog para o facebook. Agora você pode adicioná-lo ao seu perfil e acompanhar os últimos posts deste que vos escreve.
Segue o link. http://www.facebook.com/apps/application.php?id=135598243117295
Espero que aproveitem, abraços e até a próxima.
Enviado por: leandro garcia - Categoria(s): app, facebook
Tags relacionadas: aplicativo, app, blog do garcia, facebook, on facebook
10/03/2010 - 16:05
Tempos atrás o Facebook alterou a forma de postar mensagens através da API.
Em posts anteriores eu havia escrito que “precisamos é criar um ‘template feed data’” e bla bla bla. Esqueçam. O Facebook mudou isso. Ficou mais fácil.
A função agora é a “FB.Connect.streamPublish”.
Quando precisei alterar a aplicação que eu desenvolvi, eu apenas alterei a função que chamava esta função da API. No post que eu havia feito, a função era a “facebook_publish_feed_story".
Para usar a função streamPublish, basta passar via JSON (ver post aterior) as informações que você quer exibir, respeitando, é claro, as especificações da API.
exmplo de JSON
var attachment = {‘name’:'Atualizando’, ‘description’:'Estou descrevendo a minha mensagem que pod ser um pedaço de um post…’, ‘href’:'http://www.leandrogarcia.com/blog/};
Este JSON acima adiciona o conteúdo da mensagem.
Neste abaixo, Eu adicono o texto que fica na parte de baixo da mensagem publicada.
var actionLinks = [{ "text": "Acompanhe também:", "href": "http://www.leandrogarcia.com/blog"}];
Neste a mensagem que aparece na caixa.
var message = “Esta mensagem vai aparecer na caixa de dialogo”;
E em seguida eu chamo a função;
FB.Connect.streamPublish(message, attachment,actionLinks);
A função completa fica:
function facebook_publish_feed_story() {
var message = "Esta mensagem vai aparecer na caixa de dialogo";
var attachment = {'name':'Atualizando','description':'Estou descrevendo a minha mensagem que pod ser um pedaço de um post...','href':'http://www.leandrogarcia.com/blog/};
var actionLinks = [{ "text": "Acompanhe também:", "href": "http://www.leandrogarcia.com/blog"}];
FB.Connect.streamPublish(message, attachment,actionLinks)
}
A variável message, você pode recebela na função. Vai da sua necessidade.
O Tyler, havia me perguntado sobre isso. O por que não estava funionando. Espero que esteja esclarecido.
Enviado por: leandro garcia - Categoria(s): API, Connect, facebook
Tags relacionadas: facebook, facebookn connect
26/11/2009 - 14:40
Acreditando eu que os dois posts anteriores foram seguidos, agora vamos postar o item no mural.
Para postar, a primeira coisa que precisamos é criar um “template feed data”. Vá até http://developers.facebook.com/tools.php?feed.
Procure o nome do seu aplicativo e clique em Proxima.
Neste ponto você começa a desenvolver ou criar o seu “template feed data”.
O template nada mais é do que umaforma com que o facebook recebe informações em JSON e exibe no perfil do usuário com sua prévia autorização.
O primeiro é o de uma linha, algumas variáveis são exclusivvas como actor e images. As variáveis são exibidas na forma de {*variável*}. Ex. {*actor*} escreveu um post. Sairia: Leandro escreveu um post.
Há o campo onde você desenvolve o template e abaixo, um onde você desenvolve o JSON, por padrão vem:
{“images”:[{"src":"http://pad.thedigitalmovement.com/_blaise/2007-06-15-dgen-breakfast.jpg", "href":"http://www.facebook.com"}, {"src": "http://pad.thedigitalmovement.com/_blaise/2007-06-13-roger-waters.jpg", "href":"http://www.facebook.com"}]}
Apenas imagens, mas você pode e deve acrescentar de acordo com sua necessidade.
Vamos criar um que envie o resultado de um jogo, o nome dos times, o escudo de cada time e o texto que você escreveu.
{“time1″:”Atlético-GO”,”time2″:”palmeiras”,”gols1″:”2″,”gols2″:”0″, {“images”:[{"src":"http://images.ig.com.br/placarus/escudos/atletico_goianiense_go.gif", "href":"http://images.ig.com.br/placarus/escudos/atletico_goianiense_go.gif"}, {"src": "http://images.ig.com.br/placarus/escudos/atletico_goianiense_go.gif", "href":"http://images.ig.com.br/placarus/escudos/atletico_goianiense_go.gif"}]},”comentario”:”vai corinthians”}
Com este JSON, ocê pode desenvolver seu template.
{*actor*} Comentou sobre {*time1*} {*gols1*} x {*gols2*} {*time1*} -> Leandro Garcia comentou sobre Corinthians 2 x 0 palmeiras
Ao clicar em próxima, você desenvolve o template maior, o que é mais comulmente usado.
Colocaremos o título da mesma maneira, embora não necessite ser igual.
{*actor*} Comentou sobre {*time1*} {*gols1*} x {*gols2*} {*time1*} -> Leandro Garcia comentou sobre Corinthians 2 x 0 palmeiras
Abaix no Histórico curto, colocaremos apenas o comentário digitado:
{*comentario*} -> Vai Corinthians
depois Próxima.
No próximo item você cria um link de retorno, no Texto do link da ação, por exemplo: Veja mais sobre o Jogo
no Link da ação ex. http://esporte.ig.com.br
Pronto, em todo post do mural vai haver um link para http://esporte.ig.com.br, você pode alterar da maneira como preferir, inclusive utilizar o JSON, como o número do jogo por exemplo. Vai da sua necessidade.
Clique em próxima e depois em registar coleção de modelo.
Será aberto um pop com o identificador do template. Copie-o e reserve pra mais tarde.
Bom agora você tem um template elaborado, hora de criar o código propriamente dito.
Criamos uma função em JS para publicar.
** O facebook alterou a forma de se publicar. Neste poste você consegue ver.
function publish($comentario){
{"time1":"Corinthians","time2":"palmeiras","gols1":"2","gols2":"0", "images":[{"src":"http://pad.thedigitalmovement.com/_blaise/2007-06-15-dgen-breakfast.jpg", "href":"http://www.facebook.com"}, {"src": "http://pad.thedigitalmovement.com/_blaise/2007-06-13-roger-waters.jpg", "href":"http://www.facebook.com"}],"comentario":"vai corinthians"}
facebook_publish_feed_story(141837730762, $template_data);
}
Onde 141837730762 é o id do template que você criou;
O código abaixo, faz a permissão;
function facebook_prompt_permission(permission) {
FB.ensureInit(function() {
FB.Connect.showPermissionDialog(permission);
});
}
O código abaixo faz a publicação própriamenst dita.
function facebook_publish_feed_story(form_bundle_id, template_data) {
FB.ensureInit(function() {
FB.Connect.showFeedDialog(form_bundle_id, template_data);
});
}
Criamod um botão para enviar a mensagem.
<input onclick="publish('Vai Corinthians')" type="button" value="Submit Comment" />
ao clicar vai abrir um pop com a mensagem.
Clicando e Publish, estará publicado no Mural d Usuário no Facebook.
Vídeo de como publicar um Feed com Facebook Connect.
Mo próximo Post como crar uma página de comentários
** Atualização dia 10/03/2010
Enviado por: leandro garcia - Categoria(s): API, Connect, facebook
Tags relacionadas: api, facebook, facebook connect
24/11/2009 - 18:24
O facebook connect é uma API do Facebook que permite que você desenvolva suas aplicações, tais como comentários de blogs, utilizando informações da conta do usuário do Facebook, ou , também, permite que você poste mensagens no mural do usuário do facebook.
Veja o exemplo abaixo da utilização do Facebook Connect. O site utilizado é o www.techcrunch.com
Neste ponto abaixo, o usuário permite a conexão do site/aplicação com a conta dele no facebook.
Neste ponto ele digita o usuário e senha dele no Facebook.
Após validação da conta no facebook, o fconnect traz alguma informações de volta.
Uma vez postado o comentário, o facebook connect traz um pop para a confirmação da inclusão da mensagem no mural do usuário dentro do facebook.
Depois de confirmada, a mensagem é postada no Mural do usuário dentro do Facebook,
Este foi um exemplo da utilização do Facebook Connect em um blog, no caso o http://www.techcrunch.com/
Legal, já vi em funcionamento, mas como eu faço isso?
Em princípio parece difícil mas na verdade é bem fácil. Vamos lá.
A primeira coisa que você precisa é de uma conta no facebook. Acesse www.facebook.com e crie sua conta.
Após a criação da conta, deve-se adicionar ao menos um amigo para validar a conta (parece mentira, mas apanhamos muito até descobrir isso)
Após criar a conta e ter uma amigo adiconado, podemos criar um app.
Primeiro passo, acesse www.facebook.com/developers.
Permita o acesso ao developers.
Clique em set up a new application (do lado direito superior).
Preencha o Nome do APP e concorde com os termos de responsabilidade.
A partir deste ponto você começa a preencher os dados do APP.
Aqui você escolhe as imagens do app. A imagem(icone) que será exibido em cada postagem no mural e a imagem do app. (não é necessário incluir para funcionar, mas a utilização deixa o App mais completo)
Vamos usar o 
Par o ícone (Meu Primeiro App)
Faça o mesmo processo para a imagem maior.
Não altere mais nada nesta tela.
Clique em Conectar.
Nesta tela preencha o campo “Conectar URL” com a URL de onde a página que utilizará o Fconnect vai acessar, exemplo, se o endereço da página for, por exemplo, “http://www.meuprimeiroappnofacebook.com/mpa.php?id=1″, no campo você deve preencher “http://www.meuprimeiroappnofacebook.com”, nada mais.
Clique em Salvar alterações.
Pronto, você configurou seu primeiro App.
A chave de API, será utilizada posteriormente na página.
Enviado por: leandro garcia - Categoria(s): API, Connect, facebook, midia social
Tags relacionadas: Connect, facebook, redes sociais
09/09/2009 - 18:02
Nos últimos tempos, tem-se muito falado sobre midias socias, seus impactos, seu poder, suas possibilidades…
Nesses últimos tempos, principalmente depois da utilização de midias sociais, principalmente o Twitter, na campanha presidencial do então candidato (hoje presidente) Barack Obama para a Casa Branca.
Existem diversos modelos de mídias sociais difundidas atuamente pelo mundo. Modelos voltados para a comunicação, colaboração, multimídia e entretenimento.
O primeiro exemplo de mídia social amplamente difundido no mundo foi o blog, há relatos de pré-cursores de blogs do inicio dos anos 90. O termo blog é uma evolução do termo weblog, criado em 1997 por Jorn Barger e posteriormente abreviado para blog por Peter Merholz.
Um dos miores serviços de blog existentes no mundo, o blogger, criado em 1999 pela empresa Pyra Labs que em 2003 foi adquirida pelo Google.
Posteriormente foram surgindo diversos outros tipos de midias sociais, como as redes Sociais (Orkut, facebook, etc), O Flicker, a LastFm, o Blip, o twitter, etc.
Com o extremo sucesso das redes sociais, Orkut no Brasil, Myspace e Facebook no mundo, o mundo coorporativo passou a olhar com melhores olhos as midias sociais, a passo de terem sido criados, inclusive, fuções específicas dentro de organizações para se estudar e trabalhar em midias sociais. Pesquisadores passaram a utilizar redes sociais como canal de pesquisa, estudantes utilizam a mesma premissa de pesquisa (inclusive eu)*, etc. As possíbilidades são imensas.
Algumas agências de publicidade, além das tradicionais areas, criaram áreas específicas para se elaborar ações de marketing em redes sociais.
Há algum tempo, começou-se a onda dos aplicativos sociais. Aplicativos desenvolvidos a partir de uma API própria da rede social** a fim de se criar um complemento para o perfil do usuário da rede social. No Brasil, tendo, por enquanto, como principal rede social o Orkut***, podemos utilizar como exemplo o App BuddyPoke, aplicativo bem pouco utíl, mas de enorme sucesso entre os perfis do Orkut. Neste, o usuario pode criar um modelo de si próprio baseado nos traços que o app reserva, e, também, permite a interação com seus amigos dentro da rede que também possuem este app instalado em seu perfil.
A idéia da rede social é a interação entre os usuários, se pesquisarmos a respeito, veremos que os apps mais bem sucedidos em todas as redes sociais, são aqueles que oferecem o melhor tipo de interação entre os usuários.
O mais interessante, na minha opinião, sobre as midias sociais é que essas foram, ou estão sendo, a quebra de um paradigma, umas poucas pessoas detinham o poder da informação, e informação é poder, enquanto todas as demais eram obrigadas à receber aquela informação da maneira com que mais conviesse ao emissor (pesquisem sobre o debate entre collor e lula ou prestem atenção nas reportagens com o mesmo assunto nos diversos meios de comunicação), hoje, a internet/ redes sociais passaram a desempenhar um papel bem relevante da difusão da informação na otica de quem v~e a notícia e não de quem detem o poder da comunicação de massa.
Uma pessoa que frequenta as midias socias “corretas”****, pode ficar informado de determinado assunto bem antes de este ser anunciado em TV ou rádio. Veja caso da morte do cantor Michael Jackson.*****
* Na época em que eu estava elaborando meu TCC, sobre a Hering, eu acessei diversas comunidades dentro do Orkut para colher informações da maneira como a empresa era vista no mecado.
** A API mais utilizada é a do Facebook, pois o Facebook é a maior rede social do mundo, mas a mais difundida entre as redes sociais é a Open Social do Google, que está presente no Orkut, MySpace, Hi5, Sonico, Linkdin, etc.
*** Até o momento a principal rede social no Brasil e o Orkut, mas o Facebook vem crescendo bastante seu share de mercado.
**** Não existe midia social correta, existe a mais adequado para a mensagem que voc~e quer transmitir.
***** Na ocasião da morte do rei do Pop, a notícia foi dada em primeira mão pelo site TMZ, especializado em fofocas, em seguida notícia foi amplamente difundida por blogs, redes sociais e principalmente o Twitter.
Enviado por: leandro garcia - Categoria(s): midia social, Open Social
Tags relacionadas: facebook, hi5, linkedin, midias sociais, myspcaes, opensocial, orkut, social media
