Aplicativos para conectar seu site ao facebook

Como conectar os usuários do Facebook no seu site.

Todo mundo já reconhece (ou deveria) a importância que as redes sociais possuem hoje em dia, é difícil conhecer alguém que use a Internet e não tenha uma conta em alguma rede social. Pelo contrário, muitos “entram” na Internet apenas para usar as redes sociais.

Dentre as redes sociais que se destacam hoje temos o Facebook, que foi lançado em 2004 e que desde que chegou ao Brasil ganhou muitos usuários novos.

O Facebook tem uma Api para desenvolvedores muito bem documentada e foi nela que aprendi a como conectar os usuários do Facebook no meu site.

O primeiro para obter os dados do usuário é você criar uma nova aplicação do site de desenvolvimento do Facebook.

http://www.facebook.com/developers/

 

Captura_de_tela-1

Na criação do seu aplicativo você vai digitar o nome do seu aplicativo e concordar com os termos do Facebook, depois disso você verá a tela inicial do seu aplicativo com informações importantes como o id do aplicativo e a chave da api .

Captura_de_tela-2

No próximo passo você vai clicar no link “Editar Configurações”, nele vai ter várias áreas para configurar o aplicativo, mas você irá para o link  “Website” e coloque o endereço do seu site em “Site URL”.

Pronto você já criou um aplicativo no Facebook direcionando para seu site. Agora vamos fazer nossa aplicação no site receber os dados do usuário.

Primeiro crie uma página com o nome loginFacebook.html e coloque o código:

<fb:login-button></fb:login-button>
<div id="fb-root"></div>
<script src="https://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true});
  FB.Event.subscribe('auth.sessionChange', function(response) {
    if (response.session) {
      // A user has logged in, and a new cookie has been saved
    } else {
      // The user has logged out, and the cookie has been cleared
    }
  });
</script>

Não esqueça de trocar a parte your app id pelo id da sua aplicação. Feito isso o código deve renderizar um botão feito esse: login-button

Agora vamos acrescentar o código php responsável por pegar o cookie que trará dados do usuário como o access_token e o uid:

<?php

define('FACEBOOK_APP_ID', 'your application id');
define('FACEBOOK_SECRET', 'your application secret');

function get_facebook_cookie($app_id, $application_secret) {
  $args = array();
  parse_str(trim($_COOKIE['fbs_' . $app_id], '\\"'), $args);
  ksort($args);
  $payload = '';
  foreach ($args as $key => $value) {
    if ($key != 'sig') {
      $payload .= $key . '=' . $value;
    }
  }
  if (md5($payload . $application_secret) != $args['sig']) {
    return null;
  }
  return $args;
}

$cookie = get_facebook_cookie(FACEBOOK_APP_ID, FACEBOOK_SECRET);

?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://www.facebook.com/2008/fbml">
  <body>
    <?php if ($cookie) { ?>
      Your user ID is <?= $cookie['uid'] ?>
    <?php } else { ?>
      <fb:login-button></fb:login-button>
    <?php } ?>

    <div id="fb-root"></div>
    <script src="https://connect.facebook.net/en_US/all.js"></script>
    <script>
      FB.init({appId: '<?= FACEBOOK_APP_ID ?>', status: true,
               cookie: true, xfbml: true});
      FB.Event.subscribe('auth.login', function(response) {
        window.location.reload();
      });
    </script>
  </body>
</html>

Agora com os dados do cookie você pode pegar os dados do usuário com o seguinte código:

$user = json_decode(file_get_contents('https://graph.facebook.com/me?access_token='
.$cookie['access_token']))->id;

Pronto, agora você pode tratar essas informações da maneira que desejar no seu aplicativo.

Uma dica, se quiser pegar informações como email, data de aniversário e etc, você terá que passar como parâmetro na tag . Exemplo:

<fb:login-button perms="email,user_birthday"></fb:login-button>

Por que seu negócio não pode ficar fora do google +?

A importância do Google Plus

O Google Plus é a segunda maior rede social do mundo em número de usuários, passando o Twitter. Em dezembro de 2012, contava com mais de 350 milhões de usuários, dos quais 235 milhões eram ativos dentro do período de um mês.

O curioso é que o Google não vê o Plus como uma rede social no sentido mais conhecido, mas como uma das etapas de uma proposta maior. Isso pode ser melhor entendido quando vemos que é usado para melhores resultados na sua ferramenta de busca, ou em sugestões mais personalizadas em anúncios, por exemplo.

Já uso o Plus há bastante tempo, mas admito que no início não tinha muita coisa. Porém, hoje tem bastante coisa acontecendo lá, principalmente depois da sua atualização há algumas semanas. Se quiser me adicionar no Google Plus.

No último evento I/O do Google, onde são apresentadas as novidades e algumas coisas que estão sendo desenvolvidas pela empresa, o Google Plus ganhou uma repaginada bem forte no seu visual, tornando-o muito mais agradável pra navegar a consumir o conteúdo. Isso fez com que desse um impulso à popularidade. Pelo menos eu tenho percebido que vários amigos e conhecidos estão começando a utilizar com maior frequência.

Mas quais seriam as vantagens e a importância dele?

a importancia do google plus

O aumento da relevância nas buscas

Criar uma página no Plus para a sua empresa é muito importante. Isso porque ela ajuda no ranqueamento do seu site nos resultados do Google. enquanto o Facebook ainda trava algumas das informações para o Google, esse navega tranquilo pelo Plus.

Mas não pense que é concorrência desleal: um perfil padrão no Plus costuma ter muito mais espaço para conteúdo do que no Facebook. Para o SEO, quanto mais conteúdo, melhor.

Então tenha certeza: se você quer melhorar o desempenho do seu site no ranking do Google, tenha uma página ativa na sua rede social.

Muitos profissionais de web 

Isso faz com que diversos formadores de opinião estejam gerando conteúdo nessa rede, e o principal: como sabe que a maior parte dos seus seguidores é de um pessoal mais entendido com tecnologia, os posts costumam ser mais trabalhados, com melhores análises nos comentários.

Isso faz com que a rede, mesmo que não tenha tanta vida ativa quanto o Facebook, os posts tendem a ter muito mais qualidade, até mesmo a participação pelos comentários são melhores, com argumentos mais desenvolvidos e elaborados.

Google Autor 

Um dos fatores que teve uma mudança muito clara para todos que utilizam o Google é a presença de uma foto com o avatar do escritor ou responsável por aquela página nos resultados do Google. Aqui no exemplo abaixo, é o resultado para “o que é landing page”, no Google. Ele exibe quem é o autor, porque eu vinculei meu perfil do Plus ao artigo.

Reprodução

Isso é muito fácil fazer, basta você indicar no seu artigo qual é o seu perfil no Google Plus, e do Google Plus você indica pra qual site você escreve. Dessa forma ele consegue fazer a verificação. Veja aqui nesta ajuda do Google, como configurar seu Google Autor.

A vantagem dessa visualização do avatar do autor ao lado do seu conteúdo é o aumento na taxa de cliques, pois ela chama muito mais atenção do que um resultado comum. Uma imagem ajuda muito em atrair os olhos do usuário. Outro ponto que ajuda é se você já é uma autoridade na sua área. Com certeza uma foto sua ao lado do link irá significar muito para pessoas que te reconhecem como uma autoridade, provavelmente fazendo-as ir visitar o seu site.

Alguns testes indicam cerca de uma taxa média de crescimento de 30% na taxa de cliques. Ou seja, uma maneira muito fácil de aumentar seus acessos, que demanda pouco esforço, e ainda ajuda no branding!

Configure isso agora, pois é indispensável!