3421

Integração Instagram com seu Site

Olá Dev's, hoje trago uma classe que conecta sua conta do Instagram com seu site. Muito simples e de fácil integração. Esta classe originalmente foi criada pelo Robson V. Leite para o projeto WorkControl.

Para utilização da classe deve ser gerado um "CLIENT_ID", para gerar esse código acesse a página developer do instagram (você deve ter uma conta e esta logado na plataforma), como mostra a imagem abaixo:

Integração Instagram com seu Site

Clique em "Register a New Client" e preenha as informações e na opção "Valid redirect URIs" informe "http://localhost" que será para onde redirecionara com o seu Token. Com seu client criado copie a URL abaixo informando o seu Client_ID: 

https://instagram.com/oauth/authorize/?client_id=YOUR_CLIENT_ID&redirect_uri=http://localhost&response_type=token 

a API redireciona para o localhos conforme esse exemplo: 

http://localhost/#access_token=1587963254.eb87cb9.b09be5c8576f49dcbec342d6t54k8t85

OBS: Acesse sua app do Instagram e clique na aba "SECURITY" e desmarcque as opções "Disable implicit OAuth" e "Enforce signed requests".

Com o token em mãos e hora de utilizar a classe. De ser passado apenas 2 paramentros que seria a quantidade de fotas a ser visualizada e o token de acesso. Vamos ao exemplo:

$Count = 9;
$InstaToken = '1587963254.eb87cb9.b09be5c8576f49dcbec342d6t54k8t85';
$Instagram = new Instagram($Count, $InstaToken);
$InstaArray = $Instagram->getRecent();

if (!empty($InstaArray->meta->code) && $InstaArray->meta->code == 200):
foreach ($InstaArray->data as $InstaPost):
$InstaText = (!empty($InstaPost->caption->text) ? $InstaPost->caption->text : 'Imagem de ' . SITE_NAME . ' no Instagram!');
echo "<a  title='{$InstaText}' href='{$InstaPost->images->standard_resolution->url}'><img title='{$InstaText}' src='{$InstaPost->images->thumbnail->url}'/></a>";
endforeach;
endif;

A Classe retorna 3 tamanhos diferentes das imagens:

  • standard_resolution -> $InstaPost->images->standard_resolution ->url
  • thumbnail -> $InstaPost->images->thumbnail->url
  • low_resolution -> $InstaPost->images->low_resolution ->url

 

Você também tem as informações de Likes e Comentários:

  • $InstaPost->likes->count 
  • $InstaPost->likes->count

Viu como é fácil a utilização da classe. Estero que tenham gostado e não esqueça de compartilhar esse post e curtir minha página do facebook.

Link para download da classe