Utilizamos cookies propias y de terceros para mejorar la experiencia y poder ofrecer un mejor servicio. Al continuar entendemos que se acepta nuestra "Política de cookies."
 
 
Recuperar contraseña    
Usuarios Online:  702
English French German Italian Portuguese Spanish
 
 
Inicio | Blogs | Redes Sociales y Social Media Marketing

Redes Sociales y Social Media Marketing

25
ENE
2015
 
 
 

Insertar fotos de Instagram en tu web

Publicado por Elisa Bueno García | domingo, 25 de enero de 2015 a las 16:53 h.
1384  
0
 

Hace un tiempo, Instagram habilitó una nueva función en los perfiles web con la que podrás insertar fotos de Instagram en tu web. Esta nueva función se llamaweb 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.

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.

En cualquier caso, no te preocupes porque te vamos a explicar a continuación todo lo que tienes que hacer para insertar tu foto paso a paso.

  1. Entra en tu perfil web de Instagram. Puedes acceder a él entrando en http://instagram.com/tu_usuario.
  2. Ahora elige la foto que quieras insertar en tu web y haz clic sobre ella para agrandarla.
  3. 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 la opción EMBED, es ahí donde debes picar.
  4. 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.
  5. Por último sólo tienes que pegar ese código en la sección de tu web donde quieras que aparezca. 
     
    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="4" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAGFBMVEUiIiI9PT0eHh4gIB4hIBkcHBwcHBwcHBydr+JQAAAACHRSTlMABA4YHyQsM5jtaMwAAADfSURBVDjL7ZVBEgMhCAQBAf//42xcNbpAqakcM0ftUmFAAIBE81IqBJdS3lS6zs3bIpB9WED3YYXFPmHRfT8sgyrCP1x8uEUxLMzNWElFOYCV6mHWWwMzdPEKHlhLw7NWJqkHc4uIZphavDzA2JPzUDsBZziNae2S6owH8xPmX8G7zzgKEOPUoYHvGz1TBCxMkd3kwNVbU0gKHkx+iZILf77IofhrY1nYFnB/lQPb79drWOyJVa/DAvg9B/rLB4cC+Nqgdz/TvBbBnr6GBReqn/nRmDgaQEej7WhonozjF+Y2I/fZou/qAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://instagram.com/p/st-ZnzDclW/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_top">Vuelta al code  #findevacaciones #programacionweb #css #vueltaalcurro</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Una foto publicada por Elisa Bueno (@circo13) el <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2014-09-09T08:39:27+00:00">Sep 9, 2014 at 1:39 PDT</time></p></div></blockquote>
    <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

Aquí tienes un ejemplo de como quedaría la foto después de pegar el código.

 

Vuelta al code #findevacaciones #programacionweb #css #vueltaalcurro

Una foto publicada por Elisa Bueno (@circo13) el

¿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.

Fuente todoinstagram
 
¿Te ha gustado el artículo? ¡Suscríbete YA!
Únicamente recibirás un breve resumen mensual de los últimos post
 
Tu opinión sobre este artículo
Generar nuevo código
Los datos personales recabados formarán parte de un fichero automatizado que explicamos debidamente en la Privacidad de la web.