Blog da Shape Web

Facebook Connect, integrar seu site ao Facebook usando PHP.

admin — Wed, 25 Jan 2012 18:23:49 +0000

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.


 
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'
   ));
 
   ?>
   	
   
 
}
 
$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.


 
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){ ?>
      
 } ?>

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!

admin — Fri, 24 Jun 2011 21:40:37 +0000

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

admin — Fri, 17 Jun 2011 18:08:09 +0000

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

admin — Fri, 10 Jun 2011 18:04:29 +0000

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

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

admin — Mon, 23 May 2011 14:37:09 +0000

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

admin — Thu, 28 Apr 2011 17:43:24 +0000

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

admin — Wed, 13 Apr 2011 13:10:56 +0000

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

admin — Thu, 31 Mar 2011 00:58:05 +0000

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?

admin — Wed, 30 Mar 2011 18:45:44 +0000

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.

Para Crhis são os usuários os principais responsáveis por matar a internet. Ao passar o maior tempo conectado em serviços e aplicativos estamos deixando de lado o potencial que a rede tem a oferecer. O que fica claro de se constatar, visto que a maioria dos usuários passa seu tempo online dentro de grandes ferramentas como twitter, facebook, e o ainda forte no brasil orkut.

Algumas empresas estão adotando essa nova onda de conexão e se instalando não mais em um tradicional “.com.br”, e sim, com um endereço diretamente nas redes sociais. Para alguns casos, buscar o nome da empresa no google, por exemplo, pode trazer como primeiro resultado o perfil da mesma em alguma ferramenta online.

Alguns pontos precisam ser considerados em relação à essas atitudes. Esses serviços precisam de uma atenção maior que um site comum devido a sua dinâmica. Criar um perfil no facebook para a sua empresa talvez necessite de mais cuidado e atualização que um site comum. Outro grande problema são os fechamentos desses grandes serviços. Claro que estamos falando de corporações gigantescas como twitter e google, mais não trazer para seu cliente uma opção de site prático e personalizado pode garantir a fidelidade de seu comprador e possivelmente a credibilidade de sua marca.

Nova Atualização do Google: Panda

admin — Mon, 21 Mar 2011 15:01:30 +0000

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.

Talvez para usuário comuns o termo panda não seja motivo para alarde, mais aqui na shapeweb, já estamos apreensivos à alguns dias após o anuncio do google de reformulação de seu algorítmico de buscas. Em 24 de fevereiro (http://googleblog.blogspot.com/2011/02/finding-more-high-quality-sites-in.html) o google colocou em atividade nos Estados Unidos uma reformulação no código buscas. Hoje quando fazemos uma busca no google, ele avalia entre mais de 200 fatores (quase todos segredos da empresa) e lista os resultados que considera os melhores para quem está buscando, por ordem de relevância. Em termos mais simples, quando fazemos uma busca, o google vai tentar lhe dar o melhor resultado para o que estamos buscando e para saber como acertar ele usa o seu algoritmo de avaliação de sites. Esse processo todo é feito sem intervenção humana, não existe uma pessoa que avalia os sites manualmente e faz uma lista dos melhores resultados, mesmo porque seria inviável, de modo que essa análise precise ser automática.

Uma grande problema que o google ainda não tinha conseguido resolver era como saber se essa página que ele indicava tinha mesmo um conteúdo de qualidade para quem estivesse buscando determinado termo. Um dos itens de análise chamasse PageRank, que na verdade é uma ferramenta que avalia quantos links de retorno seu site possui e qual a qualidade de seu site para os usuários. O PageRank avaliava o peso e a quantidade dos links que apontavam para o seu site, que gerou na verdade uma imensidão de empresas plantando links em sites para que ficassem melhor posicionadas nas buscas, já sabemos o que isso pode causar como o caso decolar.com (http://economia.ig.com.br/empresas/comercioservicos/site+decolar+desaparece+das+buscas+do+google/n1238014312951.html)

Com essa nova atualização o google promete descobrir quais sites tem o conteúdo menos relevantes para os usuários e garantir que os conteúdos copiados ou gerados com baixa qualidade não fiquem nos primeiros resultados da busca. Ainda é difícil dizer como isso será feito, mesmo porque, como todos os algoritmos lançados pelo google nenhum deles tem seu funcionamento explicado, segundo à empresa para garantir que não sejam burlados. O que podemos esperar com essa atualização é que muitos sites que tinham base em copia de conteúdo, ou que produziam conteúdos fracos e de baixa relevância serão rebaixados na busca e terão trafego de acessos diminuído.

Existem estimativas ainda não confirmadas de que 12% dos sites serão rebaixados com a atualização em pleno funcionamento. Em prática apenas nos Estados Unidos, o Panda já está sendo testado em outros países, o resultado será uma busca com melhores resultados e empresas com práticas duvidosas sendo retiradas das buscas. Resta-nos acompanhar o funcionamento do novo algoritmo e agora mais do que nunca valorizar a expressão o “conteúdo é rei.”