Blog Shape

Facebook Connect, integrar seu site ao Facebook usando PHP.

Como fazer o login de um usuário em seu site usando seus dados do Facebook.

A internet está cada vez mais interativa,o assunto do momento são as redes sociais, twitter, facebook, google +, foursquare, busca social, um bilhão de termos diferentes e idéias diferentes, mas todas com o mesmo conceito : interatividade, praticidade, resultados.

E não é por menos que as empresas estão cada vez mais interessadas nessa divulgação, nessa facilidade, muitas delas fazem questão de estar por dentro dessa maré social, colocando em seu site seus últimos tweets, pessoas que curtem sua fan page, comentários sociais, divulgação de seus produtos, botão pra lá e pra cá, mas em especial o Facebook Connect, que por sinal, é uma ferramenta incrível.

Algum tempo atrás me deparei com esse problema, até o momento inédito para mim, configurar esse tal de Facebook Connect para um cliente.

E ao buscar ajuda na internet encontrei um conteúdo bastante precário em português, tudo que tinha eram os próprios tutoriais do Facebook, que me deixou um pouco confuso e fez com que eu perdesse um pouco mais do tempo que eu gostaria, justamente o que me motivou a escrever esse post.

Bem vamos deixar essa conversa toda pra lá e vamos direto ao ponto… configurar o Facebook Connect, você precisará seguir alguns passos para isso.

1º – Criar um aplicativo do seu site no Facebook para requerer as informações do usuário.

2º – Baixar a biblioteca PHP SDK proposta pelo Facebook.

3º – Integrar essa biblioteca ao seu site.

Criando um aplicativo no Facebook

Para criar um aplicativo no Facebook, você precisa logar em sua conta, e acessar a parte de desenvolvedor dentro do Facebook, nesse link https://developers.facebook.com/apps.

Feito isso, clique no botão “Criar novo aplicativo”, escolha o título e o espaço de nome do aplicativo, e pronto! Seu aplicativo foi criado.

Voltando a tela inicial de seus aplicativos, você já verá ele criado, edite seus dados, e coloce um ícone e uma imagem (o que recomendo, pois passa mais segurança ao usuário), um pouco abaixo dos dados, escolha o modo como seu aplicativo se integrará ao facebook como Website.

Salve as alterações e ele estará configurado. Perceba que seu aplicativo tem dois dados de identificação, App ID, e App Secret, você irá precisar destes dados posteriormente.

Baixando o PHP SDK

O segundo passo é baixar a biblioteca desenvolvida pelo facebook para essa conexão, a PHP SDK,

disponível no github do projeto    https://github.com/facebook/php-sdk .

Depois de feito o download do pacote irá perceber que veio anexado alguns exemplos e testes, que podem ser muito úteis em caso de dúvidas, por ora vamos precisar apenas dos arquivos da pasta “SRC”.

Integrando a biblioteca ao site

Aqui teremos três partes, o “botão” de connect, o intermediário, que é o responsável por autenticar seus dados e trazer o retorno, e por fim… o retorno.

O botão de connect será qualquer link enviando a solicitação de connect. Por exemplo…

1
<a href=”facebook-connect.php”> Conectar ao facebook </a>

O intermediário será o arquivo que irá receber o link, código abaixo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<?php
 
require 'src/facebook.php';
 
$facebook = new Facebook(array(
  'appId'  => 'xxxxxxxxxxxxxxxx',
  'secret' => 'xxxxxxxxxxxxxxxxxxxxxxxxxxx',
));
 
$user = $facebook->getUser();
 
if ($user) {
      try {
         $user_profile = $facebook->api('/me');
      } catch (FacebookApiException $e) {
         error_log($e);
         $user = null;
      }
   }
 
if ($user) {
 
   print_r($user_profile);
 
} else {
 
   $loginUrl = $facebook->getLoginUrl(array(
      'scope' => 'email,user_birthday'
   ));
 
   ?>
   <script>
      window.location.href="<?=$loginUrl?>";
   </script>	
   <?
 
}
 
$naitik = $facebook->api('/naitik');
 
?>

Explicando o código

linha 3 : inclui a classe do Facebook.

linha 5 a 8 : Passa os parâmetros do seu aplicativo para o Facebook (App ID e App Secret).

linha 10 : Verifica se você está logado, caso não esteja verá essa tela…

Faça o login e prossiga…

linha 12 a 19 :  Aqui se já tiver aceitado a solicitação de permissão do aplicativo, ele trará seus dados num array, na variável $user_profile.

linha 21 a 37 : Caso você ainda não tenha autenticado suas informações, será direcionado a essa página…

Nessa tela você estará permitindo as requisições que o aplicativo estará lhe enviando, por padrão o aplicativo requer apenas as informações básicas.

Caso você precise de alguma informação extra, terá que fazer a requisição, perceba que na linha 27  passo um array com alguns dados adicionais, no meu caso preciso do e-mail, e data de aniversário do usuário.

Porém você tem acesso à lista completa das permissões na página https://developers.facebook.com/docs/reference/api/permissions/.

Feito isso ele retornará ao seu script e entrará na primeira condição, trazendo os dados do usuário, aqui é o lugar onde você poderá manipular o retorno dos dados que estarão guardado na variável $user_profile, inserindo no banco, registrando uma sessão, enfim… fazendo o que quiser. No meu caso eu apenas escrevi o array com print_r().

Neste ponto já terá conseguido logar o usuário com sucesso, e ele poderá navegar em seu site como desejar.

E agora você deve estar se perguntando … como faço para deslogar o camarada? Eu explico…

Quando o usuário clicar em sair, você enviará ele para a url que o desconecta do Facebook.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?
 
require 'src/facebook.php';
 
$facebook = new Facebook(array(
  'appId'  => 'xxxxxxxxxxxx',
  'secret' => 'xxxxxxxxxxxxxxxxxxxxxx',
));
 
 
$user2 = $facebook->getUser();
 
if ($user2) {
  try {
    $user_profile = $facebook->api('/me');
  } catch (FacebookApiException $e) {
    error_log($e);
    $user2 = null;
  }
}
 
if ($user2) {
  $logoutUrl = $facebook->getLogoutUrl();
} else {
  $loginUrl = $facebook->getLoginUrl();
}
 
if ($user2){ ?>
      <script> window.location.href="<?php echo $logoutUrl; ?>"</script>
<? } ?>

Aqui você irá declarar uma variável para verificar se o usuário está logado (apenas por precaução), caso ele esteja, a variável $logoutUrl recebe a url do Facebook para desloga-lo.

Depois é só enviar ele para esse link por meio de window.location, e pronto, ele estará deslogado do Facebook! Caso você queira apagar alguma session essa é a hora.

É isso ai, tentei ser o mais claro possível… qualquer dúvida ou sugestão deixe um comentário abaixo e terei prazer em respondê-los.

Postado por Pedro Calgaro

Segurança online, algumas coisas estão prestes a mudar!

Talvez você não esteja acompanhando, mais está ocorrendo uma guerra online entre governos e uma ideologia chamada anonymous que provavelmente definirá novas posições em relação aos crimes virtuais.

Quem não acompanhou o desenrolar do caso wikileaks talvez não saiba como esse grupo começou a chamar atenção. Nascido no fórum 4chan, o anonymous está associado a uma série de ataques a sites que eles considerem uma ameaça ao livre acesso da informação na internet. Após divulgar vídeos e documentos confidenciais principalmente do governo americano ao mundo, Julian assange, fundador do wikileaks, sofreu represaria de vários sites e serviços online, como Visa, payPal e amazon que prestavam suporte ao wikileaks. Nesse momento entra em ação o anonymous , que em defesa do wikileaks, começou a atacar e derrubar as empresas que estavam se posicionando contra Julian assange. Sites como Visa, masterCard e paypal sofreram ataques DDoS, que gera sobrecarga de acesso aos servidores e tira os serviços do ar.

Veja o vídeo que eles divulgaram na época dos ataques (Em inglês, mais bem fácil de entender)

Outro ataque ocorreu ao serviço de jogos online PSN,da fabricante de games sony, que teve seu sistema invadido e o roubo de informações associado ao grupo. Quando a Sony moveu ações judiciais contra o hacker George Hotz, que publicou uma forma de desbloquear o PS3, supostamente o Anomymous entrou em ação e obteve acesso a 77 milhões de contas dos clientes da sony, como nome, dados pessoais e número de cartão de crédito. O grupo afirma não ser responsável pela ação e pronunciou que o roubo de números de cartão de crédito não é uma prática que eles apoiam.

Recentemente a OTAN condenou algumas ações do grupo e condenou-os como uma ameaça aos governos e instituições por violarem informações confidenciais. O grupo respondeu com uma carta aberta justificando seus atos e sua ideologia.

A ultima grande virada dessas ações é o vinculo do Anonymous á outro grupo de hackers chamado LulzSec, que declarou guerra a todos os governos e bancos do mundo, prometendo ataques contínuos e informando que não há segurança suficiente online.

Durante essa semana sites do governo e presidência brasileira foram atacados em nome do LulzSec, assim como sites do meio ambiente e Petrobrás. A princípio o SEPRO(Serviço de Processamento de Dados) informou que não houve danos ao banco de dados dos sites atacados, apenas se resumindo e quedas momentâneas dos serviços. fonte (G1.com)

O final dessa historia provavelmente resultará em novas leis em relação a crimes virtuais, e claro, novas posturas quanto ao trafego de informações sigilosas online. Grupos como esse tem relevância principalmente pela sua força e também por alertarem falhas de segurança em grandes sistemas, nos resta esperar pela reposta de governos e empresas atacadas para saber quais rumos vão tomar em relação á segurança virtual.

Retrospectiva da semana #2

Fala Pessoal, este é o nosso segundo post da coluna Retrospectiva Semanal. Semana mais tranquila mas que não deixou de ter novidades, principalmente do “Senhor” das buscas, o Google.

Google Instant Page

No ano passado foi lançado no Estados Unidos o Google Instant, que dá resultados instantâneos quando você faz uma busca no Google, isto é, ele mostra os resultados conforme você vai digitando.
Não contente com isso nesta semana no evento Inside Search em São Francisco foi lançado o Google Instant Page, agora o google dá resultados de pesquisa de forma instantanea e carrega o site de forma instantanea também, alguns em menos de 1 segundo, e não é mentira. Confira o vídeo abaixo.

Conecte se Negócio


Com a intenção de apoiar as pequenas e médias empresas, o Google lançou o programa Conecte o seu Negócio, ajudando as empresas que não tem muito capital para investimento ter o seu espaço na Internet.
5 mil dominios serão totalmente gratuitos, e apartir do 5001 será cobrado apenas a anuidade do registro do dominio, o site sai inteiramente grátis e o empresário ainda ganha R$ 150,00 para começar a investir em Adwords. O desenvolvimento será com a plataforma Yolla.

Como começar
Clique no link Conecte seu Negoçio e apartir daí o Google irá te guiando. Esta é uma iniciativa Google, Yolla, Sebrae com apoio da HP, CNI e Serasa Experian. Inclusive se a empresa precisar de computador a HP irá ajudar com melhores preços nos computadores.

Lindo, maravilhoso, mas e qual é a idéia por trás do site gratuito (HPG,Geocites, lembra? rsrs) ? Com certeza é (Ganhar com adwords) ajudar as pequenas e médias empresas.

Retrospectiva da Semana #1

E aí galera! Essa é a nossa primeira retrospectiva semanal que vem para ajudar aqueles que não tem tempo de acompanhar tudo que acontece na nossa área. Falaremos aqui sobre as últimas novidades no mundo de SEO, SEM, E-commerce, Social Media, Design e tudo que envolve Internet.

Ebay compra a Plataforma de E-commerce Open Source Magento

Um dos maiores e mais famoso e-commerce do mundo anúnciou em Fevereiro a compra de 49% da plataforma open source de comércio eletrônico, Magento.
Não satisfeitos com isso, essa semana foi anúnciada a compra do restante da Plataforma, com a intenção de fortalecer ainda mais a plataforma em todas as vertentes, desde a comunidade até os códigos. Mas será só isso que o Ebay quer com o Magento ? Tirem suas conclusões, mas o que todos já sabem é que o Ebay está lançando o X.Commerce. E aí ? O Magento se tornará pago ou não?

Twitter em Português

Depois de muitos pedidos e reclamações, enfim o Twitter lança sua tradução em Português, agora resta saber se o povo vai se acostumar. Para você que ainda não usa o twitter em português, entre em “settings” e mude a “language” para “portuguese – português” clique em save e logo após confirme sua senha.

Viral Eduardo & Mônica


Campanha da Vivo que em poucas horas ultrapassou milhões de visualizações no Youtube e virou Trending Topics no Twitter. Lindo e maravilhoso o vídeo, mas tem um porém, alguém já viu o antigo vídeo da ATL com o mesmo tema a música Eduardo & Mônica? Pois é, assistam e tirem suas conclusões. x)

Eduardo e Mônica da ATL

Matt Cutts diz que o Google não usa Dados do Facebook

Durante a conferência no  SMX Advanced, o poderoso Matt Cutts(Diretor da equipe anti-spam do google) fez uma declaração que causou um BUZZ enorme para todos que trabalham com SEO, dizendo que não usa dados do Facebook  para ranquear sites. Até aí tudo bem se o Rand Fishkin da SEOMOZ(Maior empresa de SEO do mundo) não tivesse publicado um gráfico apresentando como principal fator de rankeamento os Share do Facebook.

Mas vamos lá … O site que tem mais like/share no facebook, indiretamente deve-se pelo ótimo conteúdo, e se tem um conteúdo de qualidade é uma referência no segmento, sendo assim, possivelmente tem vários links espalhados por aí … Talvez seja isso que o Rand Fishkin quis dizer, ou não?  Dá para analizar também pelo índice de qualidade do usuário que postou o link …

Doodle do Google em homenagem ao Les Paul

Nesta semana com certeza o índice de  produtividade das empresas cairam bastante, culpa do Google, rum, hehehe. Em homenagem ao guitarrista Les Paul o Doodle foi uma guitarra! Nem preciso dizer mais nada, acho que todos viram. Mas quem não viu acessa o Google.com em inglês, por causa do sucesso a home do google ainda é o Doodle.

Aí vai umas músicas :D

3-7-3-5, 1-7-1-5, 3-7-3-5, 1-7-1-5-8 > One- metallica
EEE Q T E Q T E UUU I YR Q T E > Marcha Imperial (Star Wars)
5565 887 5565 998 5550 8876 4408 998. > Parabens pra você
ERTI WER TYUP YU IOP > Tema do Indiana Jones
987 5765357 5765356 676767676797 676767676797 65677 57656567 57653265 > Oração (A Banda Mais Bonita da Cidade)
334352 35321 12164865 121648 8537 64266 5315 353123 334352 343531 > Hino do Flamengo
543234555-65444-54333-11666-76555-435-435-4321111 > Atirei o pau no gato
098 098 098 > fígarooooooo

Ví as músicas no Monetizando do @Cocagelada

Texto por: Alexandre Montello

O que é um site de Compra Coletiva

Site de compra coletiva
Surgimento
Sendo um sistema de vendas on-line, um site de compra coletiva se encaixa na categoria de comércio eletrônico.
O Primeiro surgiu nos Estados Unidos no final de 2008, criado por Andrew Mason, o famoso Groupon. No Brasil temos o Peixe Urbano conhecido nacionalmente, criado em 2010, daí então nascem milhares de sites de compra coletiva por dia.

Como funciona
Veja o passo-a-passo de como funciona um site de Compra Coletiva.

  • Uma empresa oferece um produto ou serviço com desconto de 40 a 90% para ofertar no site  disponível para uma determinada cidade, normalmente onde está localizada a empresa.
  • O site analisa a oferta e negocia a comissão por venda de cada produto/serviço vendido no site com a empresa interessada a anunciar.
  • Dependendo do site, pode ser cobrado uma comissão de  50% do anunciante. Isto depende muito do site, quanto maior e mais acessos tiver, com certeza será maior a comissão a ser paga.
  • A oferta é anunciada no site com um limite de vendas para ativar  e um tempo pré-estabelecido para acabar.
  • Depois de ativada a oferta é disponibilizado para o usuário/consumidor um cupom/voucher (como preferir) na sua conta no site. Com este cupom  o usuário pode ir até a empresa e retirar o seu produto/serviço
  • Caso o número mínimo de compradores exigido no regulamento da oferta não for atingido, o dinheiro do usuário/consumidor é devolvido (pelo menos tem que ser).

Quem anuncia e o que anuncia?
A maior parte dos anunciantes são as empresas que estão entrando no mercado, e não tem muita “receita” disponível para publicidade e precisa gerar um fluxo de consumidores no seu comércio. O que é mais anunciado nos sites são: massagens, refeições, academias, cursos, vale compras, estética, convites para baladas e tratamentos em geral.

Previsão para os sites de compra coletiva
O que todos sabem é que todos os dias nascem vários sites iguais baseados neste modelo, só vão ficar no mercado os que tiverem um diferencial. O certo é, esta modalidade de comércio eletrônico vai passar por várias mudanças e quem for pioneiro com certeza irá se destacar.

Trailer de “Life in a day”, documentário feito pelo youtube

Em 24 de julho do ano passado o youtube convidou alguns usuários a postarem vídeos sobre uma parte de seus dias com a idéia de criar um filme sobre a vida na terra em um dia. Dirigido por Oscar Winner Kevin Macdonald , o filme já está rolando em vários festivais de cinema e promete estar pronto para o grande público no meio do ano. Abaixo um trailer, que está fantástico por sinal, e promete ser uma iniciativa no mínimo inovadora do youtube sobre colaboração dos usuários.

Twitter pretende lançar seu espaço para marcas

O twitter pode estar desenvolvendo seu próprio modelo de Fan Page. É o que afirma o site da Marketing Magazine. A informação vem causando euforia entre os blogueiros
e usuários da rede no Brasil. A estratégia da companhia visa aumentar os lucros. Até então, o microblog só disponibiliza perfis promocionais que permitem que as marcas
comprem um lugar em listas de seguidores e patrocinem hashtags.

Ainda segundo o site britânico, o modelo desenvolvido seria no estilo das Fan Pages do Facebook. Elas fazem o maior sucesso entre as empresas, que podem ficar de olho nas estatísticas e entenderem melhor o seu público dentro do Facebook. Quem são eles, gênero, idade, cidades, enfim, informações para direcionar as postagens. O twitter seguiria essa linha fornecendo espaço para as marcas postarem seus conteúdos e incentivar os usuários a segui-las. O espaço provavelmente será pago. O twitter não oficializa nada nem estipula datas. Agora é aguardar as novidades.

Alguma dúvida de que será um sucesso?
Para o Interactive Advertising Bureau (IAB Brasil), as projeções de faturamento do setor interativo para 2011 são de crescimento de 25% de investimento em publicidade
online, o que representa R$ 1,55 bilhão em compra de mídia neste ano. Nada mal para as redes que disponibilizam esse espaço.
No entanto para as empresas interessadas em publicidade na web, é bom ressaltar a importância da periodicidade das atualizações e relevância das informações. Se bem administrada, é uma ferramenta indispensável para a valorização dessas marcas.

Universo twitter

O twitter acabou de completar cinco anos de vida e já se intalou na vida de muitos usuários, esse infográfico abaixo, feito pela oneForty mostra o quanto a rede movimento de empresas ao seu redor, é espantosa a força que um serviço online como o twitter pode alcançar.

A Web está mesmo morrendo?

Por mais sensacionalista que seja o título acima, estamos sim passando por um momento de grande mudança nas formas de navegação. Quem levantou essa bola foi Chris Anderson, editor chefe da revista Wired. Em agosto do ano passado a capa da Wired estampava uma grande reportagem sobre a morte da internet. Porém vamos tentar entender o ponto de vista do Chris, agora que temos o facebook disseminado em terras brasileiras, e o próprio orkut como grande exemplo para a teoria.

Leia Mais…

Nova Atualização do Google: Panda

Pensar em buscas online sem mencionar o google é quase impossível atualmente, dona de quase 97% das buscas no brasil (http://www.primeirolugar.net/blog/google-marketshare-brasil.html) ainda existe um abismo de diferença do google para outras empresas de busca aqui em terras brasileiras. Aqui na agencia trabalhamos com marketing de busca e frequentemente lidamos com posicionamento de sites nas buscas do google, o que nos motivou a escrever esse artigo sobre a nova atualização do buscador, o panda.

Leia Mais…