Y2Insta Instagram Embed
Incorpora posts do Instagram diretamente na página - sem token, sem API key. Usa o embed oficial do Instagram (mesmo sistema do botão "Incorporar" do app).
1. Como Funciona
A API oEmbed do Instagram (thumbnails) passou a exigir token em 2020. O Y2Insta usa o embed oficial do Meta - o mesmo método do botão "Incorporar" no app - que funciona sem nenhuma autenticação para posts públicos.
y2insta-urls
<blockquote> com os atributos corretos
do Instagram
embed.js do
Instagram é carregado uma vez e processa todos os posts
2. Uso - Embed Oficial
Passe as URLs dos seus posts no atributo y2insta-urls
separadas por vírgula. O resultado é um card nativo do Instagram para cada post.
Resultado - cada post renderiza assim:
O embed.js do Instagram é carregado automaticamente uma vez por página. Cada post mostra avatar, foto, legenda, curtidas e link direto.
3. Modo iframe - Grade Compacta
Use y2insta-mode="iframe" para
uma grade mais densa,
sem carregar script externo.
O modo iframe pode ser bloqueado pelo Instagram dependendo do navegador ou
configuração de cookies.
Para garantia máxima de compatibilidade, use o modo embed (padrão).
4. Colunas e Espaçamento
A grade usa CSS Grid - responsivo por padrão.
Em telas pequenas, reduza y2insta-cols ou use CSS
media queries no container.
5. Como Obter a URL do Post
No app ou no browser, copie a URL do post. Formatos aceitos:
| Tipo | URL |
|---|---|
| Post (foto/vídeo) | https://www.instagram.com/p/CODIGO/ |
| Reel | https://www.instagram.com/reel/CODIGO/ |
| IGTV | https://www.instagram.com/tv/CODIGO/ |
y2insta-urls, separando
múltiplos por vírgula
6. Quick Reference
| Atributo | Padrão | Descrição |
|---|---|---|
y2insta |
- | Ativa Y2Insta no elemento |
y2insta-urls |
- | URLs dos posts separadas por vírgula |
y2insta-cols |
3 |
Número de colunas da grade |
y2insta-gap |
1rem |
Espaçamento entre os posts |
y2insta-mode |
embed |
embed - blockquote oficial (recomendado) - iframe - grade
compacta |