ACTUALIZACIÓN (19/04/2013)
Después del salto a la plataforma web con la liberación de los perfiles de Instagram en formato web, se empezaba a echar en falta herramientas para promocionar nuestros perfiles de Instagram desde internet. Pues bien, la red social de las fotos retro no nos ha hecho esperar demasiado y hace apenas unos días anunciaba de forma oficial sus nuevas insignias o como ellos las llaman, Instagram Badges.
Y es que viendo el éxito que están teniendo los botones o insignias de plataformas webs como; Twitter, Facebook, Pinterest o Google Plus, el equipo de Instagram ha creido que es una de las mejores y más sencillas formas de que sus usuarios puedan promocionar sus perfiles de Instagram desde la web.
¿Cómo instalo el botón de Instagram en mi blog o web?
La verdad es que aquí hay poco que decir si ya tienes un blog con los famosos botones de; «Follow me» para tu perfil de Twitter y «Me gusta» para tu fanpage de Facebook, pero si no es el caso y estás un poco perdido no te preocupes porque te lo vamos a explicar a continuación en unos sencillos pasos.
- Entra en tu cuenta de Instagram desde su web oficial. Accede a la web haciendo click aquí, para entrar en tu cuenta pulsa el botón «Entrar» e introduce tu usuario y contraseña.
- Una vez dentro de tu cuenta, haz click sobre tu nombre de usuario y en el menú que se despliega selecciona «Insignias«. De esta forma entrarás en la página de configuración de tu insignia o Badge.
- Si todo va bien hasta aquí, ya tendrás la mitad del trabajo hecho. Ahora escoge uno de los botones de Instagram que más te guste, para ello sólo tienes que hacer click sobre él.
- Por último, después de escoger tu «badge» justo debajo se mostrará un código fuente. Cópialo y pégalo en tu blog o web, en el lugar donde quieras que aparezca.
Como ves es incluso más sencillo de instalar que los botones de Facebook. Además Instagram te permite crear tu propio botón o budge y para ello de dejan un enlace para descargar la imagen de su logo.
Sin duda es la mejor forma de conseguir más seguidores en Instagram y promocionar las capturas que hagamos desde nuestro smartphone, así que si tienes un blog, una tienda online o simplemente quieres dar a conocer tus fotos en la red, no te lo pienses ni un segundo e instala el botón de Instagram en tu web.
NOTA: A veces la página de configuración de Badges de Instagram puede no funcionar correctamente impidiéndote elegir el tipo de insignia y no mostrándote el código. Si te ocurre esto, puedes usar el siguiente código en tu blog, sustituyendo donde dice «tu_usuario» por tu nombre de usuario de Instagram.
<style><!--
.ig-b- { display: inline-block; } .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }
--></style><a class="ig-b- ig-b-48" href="http://instagram.com/tu_usuario?ref=badge"><img alt="Instagram" src="//badges.instagram.com/static/images/ig-badge-48.png" /></a>
Cristina says
Me gustaría recibir notificaciones de Instagram gracias
Cristina says
Muy bueno y muy bien explicado gracias
Todoinstagram says
Hola Cristina.
Por el momento creemos que sólo puedes recibir las notificaciones desde la propia aplicación en tu teléfono. Pronto publicaremos un artículo de cómo configurar las notificaciones en la aplicación de Instagram.
Si te ha gustado el artículo, no olvides compartirlo. También suscribirte por correo a nuestro blog y recibir todos los trucos y consejos de Instagram.
Un saludo.
Lee says
Hola
Al entrar en instagram no me sale la opcion de seleccionar los badges.
no se si debo activarlos enalgun sitio o que ocurre.
Y otra cosa. Como puedo personalizar la pagina de mi instragram. algunas tienes unas presentaciones de fotos, pero no se como hacerlo
Gracias
Todoinstagram says
Hola Lee,
Acabo de actualizar el artículo, para que quede explicado con más detalle. También he probado lo que dices y es cierto, tampoco me aparece la lista de botones para seleccionarlos, supongo que se debe a un fallo puntual en la web de Instagram (prueba a entrar más tarde a ver si se ha corregido el fallo).
Con respecto a personalizar tu perfil de Instagram, no se exactamente a que te refieres. Que sepamos, por el momento sólo se puede personalizar la foto y descripción de tu perfil, el diseño de las páginas de perfil en Instagram es el mismo para todos.
Puedes comprobarlo entrando en las páginas de perfil de otros usuarios, para ello escribe en tu navegador «http://www.instagram.com/nombre_de_usuario«.
Un saludo y gracias por comentar.
anonimus says
muchisimas gracias por cierto siganme @odu_esponja
trinidad says
tengo problemas para poner mi insignia en instagram no me sale el codigo que puedo hacer?
Todoinstagram says
Hola trinidad,
Al final de este mismo artículo tienes el código que debes usar para insertar tu insignia, simplemente sigue las indicaciones que te explicamos más arriba.
Un saludo! Y no olvides seguirnos en Instagram! 😉
uriel says
yo quiero que aparezca la insignia en mi perfil de facebook y twitter
no entiendo como hacer para que aparezca
Todoinstagram says
Hola uriel,
Las insignias de Instagram sólo puedes insertarlas en páginas webs o blogs (WordPress, Blogger, etc).
Necesitas que la web interprete HTML para que el botón funcione. Por eso, no puedes poner las insignias en Facebook o Twitter.
Un saludo!
trinidad says
No puedo poner muy insignia en instagram y tampoco puedo escuchar vídeos cuando estoy grabando que puedo hacer Gracias
Todoinstagram says
Hola trinidad,
¿Que problema tienes exactamente con las insignias de Instagram?
Con respecto al problema de sonido, tiene pinta de deberse a que no tienes activado el sonido multimedia de tu teléfono.
Saludos!
martapaladartrasho says
Hola!
he intentado seguir los pasos y pensaba que funcionaba. Sin embargo, en mi caso me aparece medio código y la insignia al final. Tengo que borrar el código hasta dónde aparece la imagen para que en la web se vea solo la imagen del badge. Además, aunque sale el badge no está vinculado mi perfil. Apreto al icono pero no se abre ninguna página. Qué puedo hacer? gracias
josue moreira says
no entiendo osea no tengo blog como hago ahi donode lo pego ???
Todoinstagram says
Hola josue,
El código de los botones insignia de Instagram, es un código HTML que sólo funciona si lo insertas en el código fuente de una web o blog. Si no tienes blog, no podrás usar ese botón.
Si de verdad te interesa usarlo, puedes crearte un blog gratuito en WordPress.com y ahí ya si podrás insertar el código del botón.
Saludos!
trinidad says
tengo problemas con las insignias de instagram no sale el codigo? tengo otro problema que creo que no tendra solucion no recuerdo mi primera cuenta de instagram que me hice creo recordar en julio del año pasado me taria si se puede por lo menos que me digan el usuario que no recuerdo gracias y feliz año 🙂
Todoinstagram says
Hola trinidad,
Puedes copiar el código que hemos incluido al final de este artículo. Es el mismo código que usamos para nuestra insignia, lo único que tienes que cambiar es tu nombre de usuario, tal y como te explicamos.
Con respecto a lo de tu primera cuenta, si no recuerdas tu usuario, ni la dirección de correo electrónico con la que te registraste, entonces va a ser imposible recuperarla 🙁
Saludos!
Trinidad Garcia says
Creo que ya tengo mi insignia en instagram pero si podris confirmarlo lo agradecere saludos =-))
Todoinstagram says
Hola martapaladartrasho,
Es curioso tu problema, porque acabamos de revisar tu código y parece estar correcto. Sin embargo, cuando clicamos en la insignia, efectivamente no ocurre nada :-/
Lo que te recomendamos es que sustituyas la siguiente parte del código:
por esta otra,
A ver si así da resultado.
Por cierto, los cupcakes tienen una pinta increíble 😉
Saludos!
Trinidad Garcia says
Necesito ayuda con mi insignia no lo consigo =( msndarme un link o algo
Paulina says
Quiero crear mi propia insignia y ya descargué el ícono pero cómo lo edito? Gracias!
daniel chavarro says
quiero agregar la insignia a mi blog en jimbdo pero no se donde copiar el código, alguien sabe?
leysli says
al final para que sirven estos botoness.. no entiendo . yo ya lo hice . segi los pasos . pero digo cuales son los resultados .. expliquenme porfa