Mostrar fotos de álbums Facebook em outras webs

Analisamos uma classe para mostrar fotos dos álbuns, que você tenha subido para o Facebook nas Fan Pages, dentro de outras paginas web.

Por Sara Alvarez Langa - Tradução de Celeste Veiga


Publicado em: 15/4/11
Valorize este artigo:
À medida que as redes sociais entraram em nossas vidas, vão surgindo novas vias de integração das funcionalidades que elas aportam, para que estejam disponíveis em outras webs. Existem muitas maneiras de integrar Facebook em uma página, por exemplo, através dos plugins sociais que o próprio Facebook tem em sua área para "developers". No entanto, neste artigo vamos tratar de um script que não faz parte dos que nos oferecem desde a rede social e que pode ser interessante para muitas pessoas.

Esta classe (de programação orientada a objetos) nos ajuda a mostrar um álbum de fotos, que tenhamos previamente subido à rede social de Facebook dentro de uma "Fan Page", em qualquer website que nós desejemos.

Nota: É importante ter em conta que não mostra os álbuns de fotos de pessoas, só os das páginas criadas em Facebook, o que se conhece como "Fan Pages".

Esta classe pode ser interessante se você tem uma web que exibe imagens e vocês criaram uma análoga no Facebook,. Desta forma se vocês colocam imagens no Facebook não seria necessário subi-las também à web, simplesmente poderiam ser exibidas diretamente do Facebook utilizando esta classe.

Sua implementação é bem simples, basta baixar um arquivo .php chamado phpcURL.php de PHPclasses. Esse arquivo contém a classe de programação orientada a objetos que vocês têm que utilizar para extrair as fotos de um álbum. O arquivo do código da classe deve ser copiado no seu servidor, por exemplo na mesma pasta onde você quiser mostrar as imagens.

Uma vez baixado, você cria outro arquivo .php que será o que mostre o álbum, e poderia ser algo como isto:

<html>
<head>
<title>Álbum de fotos Facebook</title>
</head>

<body>
<div id ="wrapper">
<?php
   define('PAGE_ID', '00000000000000');
   define('APP_ID','');
   define('APP_SECRET','');
   include("phpcUrl.php");
   $face = new FacePageAlbum(PAGE_ID, $_GET['aid'], $_GET['aurl'], APP_ID, APP_SECRET);
?>
</div>
</body>
</html>

Como podemos comprovar, trata- se de um código bastante simples, no que se invoca a classe para realizar todo o trabalho por nós. Claro está, devemos passar lhe o identificador de sua página no Facebook ao fazer o define('PAGE_ID', '00000000000000'). Portanto, para que funcione basta mudar a cadeia de zeros pelo id de sua página no Facebook.

No código anterior, as linhas que fazem define('APP_ID','') e define('APP_SECRET','') vão em branco, no caso de que você não tenha nenhuma aplicação Facebook criada. Se tivéssemos registrada uma aplicação e quiséssemos mostrar as imagens de tal aplicação teríamos que lhes passar o APP_ID correspondente, e o APP_SECRET para conexões externas com Facebook dentro de tal aplicação.

Se vocês fizerem o teste vão ver que as imagens saem sem estilos. Bom, então vocês podem criar um CSS para definir o aspecto que desejarem para o álbum. Fazer seu próprio CSS é muito simples, já que a classe vem preparada para poder modificar os estilos a seu gosto.

Basta apenas trocar as seguintes classes:

#wrapper, #back, #backAlbums, #next, #prev, .ImageLink, .ImageLink img

Se acrescentarmos estes estilos, o código ficaria mais ou menos da seguinte forma:

<html>
<head>
<title>Álbum de fotos Facebook</title>
<style type='text/css'>
   body
   {
      font-family:arial;
   }
   #wrapper
   {
      width:880px;
      margin:0 auto:
   }
   #back
   {
      display:block;
      padding:5px;
      float:left;
   }
   #backAlbums
   {
      display:block;
      padding:5px;
      float:right;
   }
   #next
   {
      float:right;
      display:block;
      padding:5px;
   }
   #prev
   {
      float:left;
      display:block;
      padding:5px;
   }
   .ImageLink
   {
      display:block;
      float:left;
      padding:5px;
      margin:5px;
   }
   .ImageLink img
   {
      width:150px;
   }
</style>
</head>

<body>
<div id ="wrapper">
<?php
   define('PAGE_ID', '00000000000000');
   define('APP_ID','');
   define('APP_SECRET','');
   include("phpcUrl.php");
   $face = new FacePageAlbum(PAGE_ID, $_GET['aid'], $_GET['aurl'], APP_ID, APP_SECRET);
?>
</div>
</body>
</html>

Nota: na página de download da classe, há um arquivo chamado Example.php que contém este código de exemplo. Porém, CUIDADO, no nosso caso encontramos um erro no script, já que o arquivo que está posto no include está mal escrito, vocês têm que trocá-lo por “phpcUrl.php”.

Lembrem-se sempre que esta classe funciona em servidores que tenham PHP 5, em PHP 4 não funcionará.





Comentários do artigo
Foram enviados 5 comentários ao artigo
3 comentários não revisados
2 comentários revisados:
Dúvidas
Por: brunohcury
21/5/12
Boa noite,
Muito boa função para capturar as fotos do Facebook em nosso Site.
Em meu teste em http://insidepublicidade.com.br/teste/index.php tenho minha Fan Page com inúmeros albuns, porém percebo que em alguns albúns ele me mostra como "Untitled Album", também percebi que a função insere alguns espaços em branco entre os albbuns, não descobri como ajustar isto e por final verifiquei também que a função não me trouxr alguns albuns da Minha fan Page (senti falta de uns 3 albuns). Poderia me ajudar neste problema e também me ajudar a resgatar na páginas das fotos o nome do album.
Será que dá pra colocar o plugin de comentários do próprio facebook nos albuns?

Desde já obrigado.
Bruno H Cury
Mostrar todas as fotos do álbum
Por: nickbras
03/10/13
Funciona perfeitamente, basta ajustar os estilos e utilizar galeria em jquery que fica show de bola, mas não consegui que mostrasse todas as fotos no lugar das 25 padrão, teria como?

Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato