Hace ya algún tiempo publicamos un artículo donde te explicábamos varios métodos para mostrar tus fotos de Instagram en un blog WordPress, el problema de esto es que si tu sitio no estaba montado con WordPress, ninguno de estos métodos te iba a funcionar. Pues bien, hace apenas unos días que se ha habilitado una nueva función en los perfiles web que resuelve el problema que comentábamos al principio y con la que podrás insertar fotos de Instagram en tu web.
Esta nueva función de la han llamado «web embeds» y básicamente consiste en un código HTML que puedes pegar en la sección de tu página web donde quieras que aparezca la foto.
Cómo usar la función web-embeds de Instagram para insertar fotos en mi web.
Si alguna vez has usado la función de insertar un video de Youtube, te habrás fijado que este te muestra dentro de un cajón de texto un código que empieza con la etiqueta «<iframe …>«, de manera que sólo tienes que pegar ese código en tu web para que el video de Youtube quede totalmente integrado con el contenido de tu página.
Pues la función web embeds de los perfiles web de Instagram utiliza el mismo sistema que Youtube, así que si ya estás acostumbrado a usar este último, no vas a tener problema alguno para insertar cualquier foto de Instagram en tu web.
Si por el contrario, es la primera vez que ves un código iframe, no te preocupes porque te vamos a explicar a continuación todo lo que tienes que hacer para insertar tu foto paso a paso.
- Entra en tu perfil web de Instagram. Puedes acceder a él entrando en http://instagram.com/tu_usuario.
- Ahora elige la foto que quieras insertar en tu web y haz clic sobre ella para agrandarla.
Si te fijas, en la parte superior derecha de la foto aparece un nuevo botón justo debajo del botón de comentarios. Haz clic en el botón de los 3 puntitos situado en la esquina inferior derecha. Ahora verás que se muestran 2 opciones, en este caso debes seleccionar la opción «Insertar«.
- Ahora te aparecerá una ventana con el código que debes copiar para insertar tu foto. Haz clic en el botón «Copy Embed Code» para copiarlo.
- Por último sólo tienes que pegar ese código en la sección de tu web donde quieras que aparezca.
Los pasos para insertar la foto de Instagram en una entrada de Blogger o WordPress son prácticamente iguales, sólo tienes que:
- Entrar en el panel de edición de entradas de tu blog y hacer clic en el botón «HTML».
- Y para terminar, pegar el código en la parte de la entrada donde quieras que se muestre la foto. Cuando hagas clic en «Publicar» ya se publicará tu entrada con la foto insertada.
Aquí tienes un ejemplo de como quedaría la foto después de pegar el código.
¿Puedo insertar fotos de otros usuarios de Instagram en mi web?
Si. Instagram te permite insertar fotos de cualquier usuario que tenga un perfil público, de hecho ni siquiera necesitas tener una cuenta activa en Instagram para poder usar la función de web embed.
Con la nueva función web embed de los perfiles web ya no tienes excusa para insertar fotos de Instagram en tu web. Además es una muy buena forma de atraer nuevas visitas y aumentar la actividad de tu perfil (nuevos seguidores, Likes, comentarios, etc), ya que cada foto que insertes dejará un enlace hacia tu perfil y otro enlace hacia la página de la foto. Sin duda, una forma muy fácil y rápida de promocionar tu perfil de Instagram en la web.
Coti. Ser psicóloga educativa hoy says
Estoy intentando empezar a usar instagram para mi blog (ya tenía un pérfil privado). ya lo tengo puesto en la barra lateral pero no consigo incluir una foto de instagram en un post del blog. He seguido tus pasos pero no me aparece el botón d ela flecha que dices ni en la versión web ni tampoco en la de android ¿Qué puedo estar haciendo mal? Muchas gracias
Todoinstagram says
Hola Coti,
Efectivamente ahora no aparece el botón del que hablamos, en su lugar se muestra un enlace que dice «Insertar» (parece ser que Instagram lo ha cambiado en estas últimas semanas).
Por tanto, lo que tienes que hacer una vez tengas la foto abierta en tu perfil web, es hacer clic en el botón de los 3 puntitos, situado en la esquina inferior derecha. Cuando hagas clic sobre él, ya verás que te aparece la opción «Insertar» de la que hablábamos antes. Haz clic sobre ella y ya te aparecerá el código HTML que debes copiar en tu web para insertar la foto.
Vamos a actualizar el artículo para que no vuelva a haber ninguna confusión. ¡Muchas gracias por avisarnos!
No olvides seguirnos en Instagram 😉
Saludos!
Coti. Ser psicóloga educativa hoy says
Pues no se cuál debe ser la razón pero al pinchar sobre los tres puntitos que es como yo lo había intentado solo me sale la opción de denunciar spam. :-(((( Es muy frustrante
Todoinstagram says
Es realmente extraño Coti. ¿Has probado a cambiar de navegador a ver si se muestra bien la opción de «Insertar«?
hector mena says
muy interesante y en el caso de hashtag como se podrian insertar en la web