Exibir e Incorporar Posts do Instagram no Site (Atualizado 2022)

Configurar a API

1. Siga as instruções pelo computador (PC)
2. Criar novo app tipo “Consumidor” na plataforma Facebook Developers
3. Menu Produtos > Habilitar Instagram Graph API
4. Menu Funções > Testadores do Instagram > Adicionar a conta desejada do Instagram:
5. Acessar o Instagram:  Configurações da conta > Menu Aplicativos e Sites > Aba Convites do Testador > Autorizar (OK)
6. Na plataforma Facebook Developers: Acessar Menu Exibição Básica do Instagram > Exibição Básica
7. Localizar seção “User Token Generator” > Clicar no botão “Generate Token”
8. No seu site, Com qualquer biblioteca como jQuery ou Axios, ajax diretamente, ou mesmo CURL, consumir a API e exibir as imagens:

Código no site para consumir a API e exibir as imagens

<div id="insta"></div>

$(function() {
            let REF = this;
             //defina aqui o token gerado após clicar em  "Generate Token"
              const token = "";
       
              const url = 'https://graph.instagram.com/me/media?access_token='+token+'&fields=media_url,media_type,caption,permalink';
  	//percorremos as imagens recebidas
              $.get(url).then(function(response){
                    let images = response.data;
                    let images_content = '<div class="row">';
                    for(let c = 0; c < images.length; c++){
                        let pic = images[c];
                        let caption = pic.caption !== null ? pic.caption : '';
                        images_content += '<div class="col-md-3"><a target="_target" href="'+pic.permalink+'"><img title="'+caption+'" alt="'+caption+'" src="'+pic.media_url+'" width="128"></a></div>';
                    }
                    images_content += '</div>';
                    $('#insta').html(images_content);
              });

});

Renovando o token a cada 90 dias

Na plataforma Facebook Developers: Acessar Menu Exibição Básica do Instagram > Exibição BásicaLocalizar seção “User Token Generator” > Clicar no botão “Generate Token” > Autenticar com a conta do testador do Instagram > copiar novo token

Conclusão

Pronto! Adapte o código acima ás suas necessidades, e suas imagens agora serão exibidas em todos os sites que fornecerem seu token de segurança.