{"id":1999,"date":"2013-04-09T13:41:37","date_gmt":"2013-04-09T11:41:37","guid":{"rendered":"http:\/\/bluekea.com\/blog\/?p=1999"},"modified":"2021-02-24T16:58:34","modified_gmt":"2021-02-24T15:58:34","slug":"como-integrar-tus-fotos-de-instagram-en-tu-web","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/webs-para-fotografos\/como-integrar-tus-fotos-de-instagram-en-tu-web","title":{"rendered":"C\u00f3mo integrar tus fotos de Instagram en tu web"},"content":{"rendered":"<p>A pesar la pasada pol\u00e9mica en sus t\u00e9rminos de uso, los usuarios y el alcance de Instagram no ha hecho m\u00e1s que crecer en los \u00faltimos tiempos. Si tienes una cuenta activa en Instagram y te interesa integrar su contenido en tu web, aqu\u00ed te contamos c\u00f3mo hacerlo.<\/p>\n<p>Vamos a sugerir un servicio online (<a href=\"http:\/\/web.stagram.com\/\" target=\"_blank\" rel=\"noopener\"><em>Webstagram<\/em><\/a>) que permite varias opciones de configuraci\u00f3n, y vamos a completar la galer\u00eda con un bot\u00f3n directo a nuestro perfil online de Instagram.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2013\/04\/screenshot191.jpg\" alt=\"screenshot19\" width=\"650\" height=\"590\" \/><\/p>\n<p><strong>Lo bueno<\/strong>. Hablamos de servicios muy f\u00e1ciles de configurar y que se integran muy bien en la web en forma de miniaturas. Adem\u00e1s son gratuitos.<\/p>\n<p><strong>Lo menos bueno<\/strong>. Ya hemos dicho que son gratuitos, lo que implica siempre una contrapartida. Al pulsar en una miniatura para abrir la imagen, \u00e9sta lo hace en la web del servicio en cuesti\u00f3n, que incluye algo de publicidad.<\/p>\n<p>Si en tu caso la parte buena compensa la mala, sigue leyendo.<\/p>\n<h2>Creando la galer\u00eda en Webstagram<\/h2>\n<p>Entramos en\u00a0<a href=\"http:\/\/web.stagram.com\/tools\" target=\"_blank\" rel=\"noopener\">http:\/\/web.stagram.com\/tools<\/a>\u00a0y bajamos a la secci\u00f3n\u00a0<em>Instagram Gallery for your Blog \/ Website<\/em>.<\/p>\n<p>Configuramos las opciones como queramos. Lo m\u00e1s importante es nuestro nombre de usuario (<em>username<\/em>) de Instagram. Es interesante que el ancho total de la galer\u00eda sea igual (o casi) al espacio disponible en nuestra web, teniendo en cuenta el ancho de cada imagen, n\u00famero de im\u00e1genes por fila y separaci\u00f3n entre las mismas. Si tenemos nuestra web de botograf\u00eda en <strong><a title=\"Bluekea, web para fot\u00f3grafos\" href=\"https:\/\/bluekea.com\" target=\"_blank\" rel=\"noopener\">Bluekea<\/a><\/strong>\u00a0podemos usar \u00e9stas medidas:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2013\/04\/screenshot20.jpg\" alt=\"screenshot20\" width=\"650\" height=\"521\" \/><\/p>\n<p>Podemos ir viendo el resultado pulsando <strong>Preview<\/strong>. Cuando estemos listos, pulsaremos <strong>Generate code<\/strong> y copiamos el c\u00f3digo.<\/p>\n<h2>Insertando el c\u00f3digo en la web<\/h2>\n<p>Si tenemos nuestra web en <a title=\"Bluekea, web para fot\u00f3grafos\" href=\"https:\/\/bluekea.com\" target=\"_blank\" rel=\"noopener\">Bluekea<\/a>, crearemos una <strong>nueva p\u00e1gina<\/strong> de tipo <strong>texto con im\u00e1genes<\/strong>. A continuaci\u00f3n usaremos el bot\u00f3n para insertar c\u00f3digo (s\u00edmbolo <strong>&lt;\/&gt;<\/strong>) y pegamos el contenido del portapapeles.<\/p>\n<p>Si tenemos nuestra web en <em>WordPress<\/em> u otro sistema en el que podamos acceder al c\u00f3digo fuente, pegaremos el c\u00f3digo anterior donde corresponda. Si tenemos una web creada a medida, consultaremos con nuestro webmaster.<\/p>\n<h2>A\u00f1adiendo un enlace a nuestra cuenta de Instagram<\/h2>\n<p>Para completar la galer\u00eda, es interesante poner un bot\u00f3n que enlace directamente a nuestro perfil web de Instagram.<\/p>\n<div id=\"attachment_2006\" style=\"width: 605px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2006\" class=\"size-full wp-image-2006\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2013\/04\/screenshot23.jpg\" alt=\"screenshot23\" width=\"595\" height=\"425\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2013\/04\/screenshot23.jpg 595w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2013\/04\/screenshot23-300x214.jpg 300w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><p id=\"caption-attachment-2006\" class=\"wp-caption-text\">Opciones para configurar la insginia<\/p><\/div>\n<p>Seguimos estos pasos:<\/p>\n<ul>\n<li><span style=\"line-height: 16px;\">Accedemos a nuestra cuenta de Instagram v\u00eda web (no desde la aplicaci\u00f3n m\u00f3vil) en\u00a0<a href=\"https:\/\/instagram.com\/accounts\/login\/\" target=\"_blank\" rel=\"noopener\">https:\/\/instagram.com\/accounts\/login\/<\/a><\/span><\/li>\n<li>En las opciones de nuestro perfil, entramos en <strong>Insignias<\/strong>.<\/li>\n<li>Escogemos una insignia y copiamos el c\u00f3digo.<\/li>\n<li>Insertamos el c\u00f3digo en nuestra web siguiendo los mismos pasos descritos para insertar la galer\u00eda.<\/li>\n<\/ul>\n<h2>Otras alternativas<\/h2>\n<p>Adem\u00e1s de <em>Webstagram<\/em> puedes probar otros servicios como <a href=\"http:\/\/snapwidget.com\/\" target=\"_blank\" rel=\"noopener\"><em>Snapwidget<\/em><\/a>\u00a0o <a href=\"http:\/\/statigr.am\/instagram-promote\" target=\"_blank\" rel=\"noopener\"><em>Statigram<\/em><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A pesar la pasada pol\u00e9mica en sus t\u00e9rminos de uso, los usuarios y el alcance de Instagram no ha hecho m\u00e1s que crecer en los \u00faltimos tiempos. Si tienes una cuenta activa en Instagram y te interesa integrar su contenido &hellip; <a href=\"https:\/\/bluekea.com\/blog\/webs-para-fotografos\/como-integrar-tus-fotos-de-instagram-en-tu-web\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2003,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[],"class_list":["post-1999","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webs-para-fotografos"],"_links":{"self":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/comments?post=1999"}],"version-history":[{"count":1,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1999\/revisions"}],"predecessor-version":[{"id":5364,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1999\/revisions\/5364"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/2003"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=1999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=1999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=1999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}