TodoIG | Aprende a usar Instagram como un profesional y vive de ello

TodoInstagram es el blog de referencia sobre Instagram en español. Te informaremos sobre trucos, novedades, tutoriales y mucho más. Entra ya y únete a la comunidad!

  • Trucos
  • Tutoriales
  • Aplicaciones
  • Dinero
  • Cursos
TutorialesNuevos botones de Instagram para promocionar tu perfil en la web

Nuevos botones de Instagram para promocionar tu perfil en la web

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.

  1. 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.
    Poner botones Instagram en blog
  2. 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.
    Poner insignia Instagram en blog
  3. 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.Instagram badges. Nuevos botones de Instagram para promocionar tu perfil en la web.
  4. 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>

Quizás también te pueda interesar...

  • Genera Informes Completos de tu Actividad en Instagram
  • Filtros animados de Instagram Stories. Como usarlos paso a paso
  • Medir el éxito de tus publicaciones de Instagram usando SumAll
  • Efecto Motion Blur en tus fotos de Instagram
JewelGram crea joyas con tus fotos de Instagram
Problemas en Instagram. Vulnerabilidad en Instagram para iPhone.

Comments

  1. Cristina says

    15 diciembre, 2012 at 19:50

    Me gustaría recibir notificaciones de Instagram gracias

  2. Cristina says

    15 diciembre, 2012 at 19:50

    Muy bueno y muy bien explicado gracias

  3. Todoinstagram says

    15 diciembre, 2012 at 21:46

    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.

  4. Lee says

    19 abril, 2013 at 11:24

    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

  5. Todoinstagram says

    19 abril, 2013 at 12:34

    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.

  6. anonimus says

    24 agosto, 2013 at 02:54

    muchisimas gracias por cierto siganme @odu_esponja

  7. trinidad says

    14 octubre, 2013 at 16:26

    tengo problemas para poner mi insignia en instagram no me sale el codigo que puedo hacer?

  8. Todoinstagram says

    17 octubre, 2013 at 12:54

    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! 😉

  9. uriel says

    31 octubre, 2013 at 21:32

    yo quiero que aparezca la insignia en mi perfil de facebook y twitter
    no entiendo como hacer para que aparezca

  10. Todoinstagram says

    2 noviembre, 2013 at 09:48

    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!

  11. trinidad says

    28 noviembre, 2013 at 23:18

    No puedo poner muy insignia en instagram y tampoco puedo escuchar vídeos cuando estoy grabando que puedo hacer Gracias

  12. Todoinstagram says

    2 diciembre, 2013 at 11:02

    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!

  13. martapaladartrasho says

    17 diciembre, 2013 at 11:23

    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

  14. josue moreira says

    21 diciembre, 2013 at 18:29

    no entiendo osea no tengo blog como hago ahi donode lo pego ???

  15. Todoinstagram says

    23 diciembre, 2013 at 10:16

    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!

  16. trinidad says

    6 enero, 2014 at 21:01

    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 🙂

  17. Todoinstagram says

    7 enero, 2014 at 18:27

    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!

  18. Trinidad Garcia says

    10 enero, 2014 at 19:20

    Creo que ya tengo mi insignia en instagram pero si podris confirmarlo lo agradecere saludos =-))

  19. Todoinstagram says

    13 enero, 2014 at 21:59

    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:

    Instagram

    por esta otra,

    Instagram

    A ver si así da resultado.

    Por cierto, los cupcakes tienen una pinta increíble 😉

    Saludos!

  20. Trinidad Garcia says

    13 enero, 2014 at 22:25

    Necesito ayuda con mi insignia no lo consigo =( msndarme un link o algo

  21. Paulina says

    3 julio, 2014 at 03:46

    Quiero crear mi propia insignia y ya descargué el ícono pero cómo lo edito? Gracias!

  22. daniel chavarro says

    8 marzo, 2015 at 22:35

    quiero agregar la insignia a mi blog en jimbdo pero no se donde copiar el código, alguien sabe?

  23. leysli says

    17 marzo, 2015 at 02:44

    al final para que sirven estos botoness.. no entiendo . yo ya lo hice . segi los pasos . pero digo cuales son los resultados .. expliquenme porfa

Artículos más leidos

  • Crear una cuenta en Instagram
  • Qué significa el hashtag #TBT en Instagram y cuándo usarlo
  • Descargar fotos y vídeos de Instagram en Android
  • Cómo subir tus fotos a Instagram sin recortar
  • Utiliza Instagram desde tu PC
  • Publicar Fotos en Instagram desde PC o Mac ya es posible
  • 6 Aplicaciones imprescindibles para editar tus vídeos de Instagram

Lo más reciente

  • No me aparece Reels en Instagram. La solución aquí
  • Cómo cambiar el tipo de letra de tu nombre y biografía en Instagram
  • Cómo guardar borradores en Instagram y dónde encontrarlos
  • 7 Consejos para mejorar tu engagement en Instagram

·Esta web no pertenece a Facebook Inc ·
Todo el contenido de TodoInstagram.com está publicado bajo licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported

Este blog utiliza cookies para mejorar la experiencia de navegación. Aceptar Más información
Política de Cookies

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
GUARDAR Y ACEPTAR