Insire fotos ou vídeos de Instagram nun sitio web

01 de 06

Insire fotos ou vídeos de Instagram nun sitio web

Justin Sullivan / Getty Images News

Xa quixo compartir unha foto particular de Instagram (ou varios deles) no seu sitio web, pero non quería que gardase a foto no seu computador e cargala no seu sitio?

Instagram ten agora unha función de inserción que pode empregar para inserir facilmente fotos ou vídeos no HTML do seu sitio web ou blog e non ten que ser un deseñador web para descubrir como facelo.

Faga clic nos seguintes pasos para ver como pode integrar facilmente calquera foto ou video de Instagram no seu sitio web en poucos minutos.

02 de 06

Atopa a páxina de Instagram ou Vídeo que queres inserir

Captura de pantalla de Instagram.com/AboutDotCom

O primeiro paso para integrar correctamente unha foto ou video de Instagram é acceder á páxina oficial de Instagram / páxina de vídeo que estás buscando para mostrar no teu sitio web. Isto significa que o URL debe ser algo así como: instagram.com/p/xxxxxxxxxx/ .

Para este exemplo, usaremos unha foto desde a conta oficial de About.com Instagram, pero poderás usar calquera foto (ou video) de Instagram que queiras.

No canto de premer o botón dereito do rato e escoller "Gardar como" ou facer unha captura de pantalla da imaxe, simplemente vai buscar os tres pequenos puntos grises no ángulo inferior dereito da caixa de imaxe, debaixo da descrición e comentarios.

03 de 06

Escolla a opción "Inserir"

Captura de pantalla de Instagram.com/AboutDotCom

Fai clic nos tres pequenos puntos grises e debes ver dúas opcións emerxentes. Un deles é "Informar inadecuado" eo outro é "Inserir".

Fai clic en "Inserir".

04 de 06

Copia o código incrustado

Captura de pantalla de Instagram.com/AboutDotCom

Unha vez que prema en "Incrustar", aparecerá unha caixa no medio da súa pantalla que amosará unha secuencia de código.

Non ten que saber como funciona ningún código ou o que significa para inserir correctamente a foto ou o vídeo no seu sitio.

Simplemente fai clic no botón verde "Copiar código incrustado" para copiar automaticamente toda a cadea de código.

Xa terminamos coa páxina de Instagram agora.

A continuación, podes seguir o teu sitio web ou blog.

05 de 06

Pegue o código incrustado de Instagram no HTML do seu sitio web

Captura de pantalla de HTML pegado en WordPress

Depende de ti acceder á área de administración ou taboleiro de calquera plataforma web ou blogue que estea a usar e atopar a zona correcta para inserir o código.

Por exemplo, se o seu sitio funciona con WordPress , só precisa acceder á súa páxina ou páxina editábeis no modo "Texto" (no canto do modo Visual), prema co botón dereito no editor e seleccione "Pegar" para colocar o código incorporado copiado a caixa.

Gardalo, centríeo se o desexa, publicalo e xa está listo.

06 de 06

Ver a túa páxina e a imaxe de Instagram incrustada

Captura de pantalla de Instagram incrustado no sitio de WordPress

Bota unha ollada á páxina publicada en liña para ver a nova foto ou video de Instagram perfectamente integrada.

Debería poder ver a foto coa ligazón ao nome do usuario de Instagram na parte superior así como o número de me gusta e comentarios debaixo dela.

Se é un vídeo en lugar de unha foto, os visitantes do teu sitio web poderán reproducir o vídeo no seu sitio.

Por suposto, se nada aparece no teu sitio, é posible que teñas pegado o código no lugar incorrecto ou que talvez non copieches o código completo.

Consulte este excelente artigo de axuda de HTML WordPress se ten problemas.