Cómo agregar fotos de Instagram a su sitio web sin la API

Es posible que haya encontrado un sitio web en el pasado que incluye un bloque de publicaciones de Instagram, generalmente en la parte inferior de su página de inicio. Por ejemplo, este sitio de fotografía con sede en el Reino Unido tiene una barra con un montón de fotos de Instagram en mosaico en la parte inferior de su página de inicio. Si visitas su feed de Instagram directamente, puedes ver que son sus publicaciones más recientes, dispuestas en una cuadrícula. Cada vez que publican algo nuevo, la nueva foto también aparece en su sitio web.

Esta es una manera realmente genial de integrar Instagram con su sitio web enfocado visualmente. Muestras tus publicaciones recientes y tienes enlaces preparados a tu cuenta de Instagram para que cualquiera pueda hacer clic y explorar.

Este tipo de configuración es atractiva y puede hacer un gran trabajo al remitir a los visitantes de su sitio web a su página de Instagram. Sin embargo, en realidad es más complicado de configurar de lo que piensas.

La API de Instagram

Ahora, es posible que me esté diciendo "¿por qué no usar uno de los complementos disponibles?" La respuesta es, en general, "adelante". Hay muchos complementos que le brindan estas opciones de visualización de feeds, y hablaré sobre ellos al final de esta publicación.

Aquí está el problema. Cada uno de estos complementos necesita usar la API de Instagram para acceder al contenido y extraer los datos para una inserción oficial. Si no está utilizando la API, debe raspar la página, y raspar la página generalmente va en contra de los términos de uso de un sitio como Instagram. Después de todo, no quieren lidiar con ladrones de contenido y similares.

Eso no quiere decir que no suceda. Estoy seguro de que has visto algunas de las docenas de sitios web que no hacen más que raspar Instagram. Sitios como Picdeer, Pictame y Piknow tienen una historia interesante detrás de ellos, así que permítanme divagar por un momento.

Hace años, Instagram era únicamente una plataforma móvil. No había forma de acceder a él a través de otra cosa que no fuera la aplicación de Instagram directamente. Eso significaba que las plataformas de escritorio no podían usar el sitio y limitaba bastante el acceso comercial.

Dado que muchas personas querían acceder a las fuentes de Instagram sin tener que usar un dispositivo móvil o una aplicación móvil, surgieron todos estos sitios. Todo lo que hicieron fue raspar las publicaciones de Instagram y mostrarlas públicamente.

Eventualmente, Instagram hizo que su red fuera visible para las computadoras de escritorio, aunque todavía está limitado en algunas formas de acción que puede tomar. No se puede publicar desde un escritorio, por el momento, como ejemplo.

Ninguno de estos sitios tenía soporte oficial y ninguno usaba la API de Instagram. Todo lo que hicieron fue extraer contenido usando aplicaciones personalizadas. Ahora, a Instagram no le gustaron estos, y hacer pública su plataforma ayudó a combatirlos. Muchos murieron de la noche a la mañana, pero algunos que aún existen, como los mencionados anteriormente, agregan algunas características adicionales. Es posible que tengan un tipo diferente de búsqueda de contenido, o una forma de navegar y descubrir contenido nuevo, o tal vez solo una forma única de mostrar el contenido. El punto es que se vieron obligados a proporcionar un valor agregado en lugar de simplemente extraer contenido para mostrar.

Todo esto es básicamente sólo para ilustrar un punto. Si bien el raspado técnicamente puede estar en contra de los términos de servicio de Instagram, en realidad no han procesado mucho ni tomado medidas contra los sitios que lo hacen. Dado que algunas de las opciones que tengo para usted a continuación implican tal raspado manual, puede ver por qué podría ser una preocupación.

Sin embargo, volvamos a la pregunta principal. ¿Por qué no usar uno de estos complementos? Bueno, la API de Instagram es una amante voluble. De hecho, en diciembre de 2018, Instagram realizó un cambio importante en su API y dejó obsoleta la versión anterior. ¿Ve el gran descargo de responsabilidad/advertencia en la parte superior de esta página? Esa fue toda la advertencia que recibieron las marcas que usaban la API.

Ahora, los complementos que encuentra para mostrar las fuentes de Instagram se basan en la API de Instagram o en el raspado. Si Instagram toma medidas contra los raspadores, esos complementos mueren. Si Instagram cambia drásticamente su API, esos complementos mueren. De cualquier manera, está confiando en un tercero para mantener su código adaptado a cualquier cambio que realice Instagram, lo que puede ser poco confiable.

Todavía voy a enumerar algunos complementos más adelante, porque han demostrado que se mantienen actualizados y que funcionan incluso a través de los cambios de Instagram. Sin embargo, tenga en cuenta que otra solución puede funcionar para usted.

La otra razón por la que estos complementos pueden tener problemas es si requieren su acceso a la API en lugar del propio. Algunos usan su acceso a la API para eludir los límites de frecuencia; obtienen contenido con el acceso API de cada individuo, en lugar de un acceso centralizado que puede verse abrumado. El problema aquí es que si su acceso a la API se revoca por una razón u otra, no podrá seguir usando estos complementos.

Si aún está interesado en mostrar su contenido de Instagram en su sitio web después de todo eso, y debería estarlo, es bastante útil y realmente genial, estas son sus opciones.

Opción 1: Fingiéndolo

La primera opción que tienes es falsificarlo con mucho trabajo manual. No es difícil, pero puede llevar mucho tiempo, y es algo que tendrá que hacer si desea mantener la paridad entre su cuenta de Instagram y las "inserciones" de su sitio web. Pongo incrustaciones entre comillas aquí porque técnicamente ni siquiera son incrustaciones.

Entonces, ¿cómo funciona este método? Bueno, probablemente estés tomando fotos con una cámara digital y editándolas en una computadora antes de subirlas a tu dispositivo móvil para publicarlas en Instagram. Mientras los editas, haz dos copias. Una copia se cargará en Instagram como de costumbre. La otra copia se cargará en su alojamiento web.

Cuando publica el contenido en Instagram, crea una publicación de Instagram. Esto tiene su título, el enlace permanente y otra información asociada con él. Haz y publica esa publicación.

Ahora ve a tu sitio web y crea una cuadrícula donde quieras que esté tu contenido de Instagram. Cargue su foto en su proveedor de alojamiento web e insértela en una de las celdas de la cuadrícula. Copie el enlace permanente a la publicación de Instagram y convierta la foto en un enlace. Si desea algo que use un script flotante para mostrar el título de su imagen, requerirá un poco más de codificación, pero también puede copiar y pegar su título.

Hay dos desventajas importantes en esta opción. La primera es que lleva tiempo y es algo que debes recordar hacer con cada imagen que publicas en Instagram. Si olvida cargar la imagen en su sitio web, desplazar todas las imágenes hacia abajo en la cuadrícula y agregar la nueva imagen al primer espacio, sus feeds terminarán luciendo diferentes.

El segundo gran inconveniente es que ocupa espacio en su alojamiento . El beneficio de usar el acceso a la API de Instagram o el raspado es que las imágenes aún están alojadas en el CDN de Facebook, lo que significa que se cargan rápidamente sin necesidad de utilizar los recursos de su propio servidor. Esta opción de inserción falsa no tiene ese beneficio.

Opción 2: incrustaciones manuales

Su segunda opción posible es usar algún código personalizado e incrustaciones manuales de Instagram. Cada publicación de Instagram tiene la opción de insertarla. Haga clic en la publicación y haga clic en los tres puntos en la parte superior derecha del título, y una de las opciones es incrustar. Esto copia un código extenso y utiliza la API de Instagram. El principal beneficio aquí es que, a pesar de usar la API, es una función central de Instagram y es poco probable que cambie. Cuando Instagram realiza cambios en la API, se asegura de que sus propios servicios no se vean afectados.

Cuando inserta la publicación en su propio sitio, generalmente aparece en tamaño completo y con el título de la publicación, aunque puede indicarle que no incluya el título si lo prefiere. Obviamente, esto no es ideal para una cuadrícula pequeña de varias imágenes. Para mostrarlo de esta manera, deberá usar un código personalizado para reducir y colocar las imágenes.

Esto es básicamente un método manual, saltando a través de los aros para crear una cuadrícula de una manera que evita el uso de un complemento de terceros. Aloja cada publicación en Instagram, pero requiere un código personalizado, y es una especie de solución tonta. Aún debe cambiar manualmente sus publicaciones hacia abajo en su cuadrícula cada vez que desee agregar una nueva, y aún debe obtener manualmente el código de inserción para cada uno. Además, agregar muchas incrustaciones en el mismo lugar podría aumentar significativamente los tiempos de carga. En general, no es realmente la mejor opción.

Opción 3: uso de un raspador de terceros

Como mencioné antes, Instagram no es necesariamente tan difícil de raspar. Puede usar un servicio de raspado de terceros para presentarle datos, que luego puede formatear e incrustar en su sitio de la manera que elija.

Feedity, por ejemplo, es uno de esos servicios de raspado de terceros . Esto le permite cargar una página web en su interfaz de raspador personalizada y elegir qué datos desea que busque y raspe cuando cambie. Feedity, en este caso, formatea específicamente esos datos como una fuente RSS.

Luego puede usar esa fuente RSS para incrustar contenido en su página. Dependiendo del diseño de su sitio, puede hacer esto de diferentes maneras. Este es un tutorial para tomar una fuente RSS e incrustar tanto el contenido como las imágenes en su sitio, cuando su sitio usa una arquitectura de WordPress. Mientras tanto, este tutorial utiliza código HTML y PHP simple para hacer lo mismo con un diseño de sitio más tradicional.

Esta opción es un poco menos que ideal por varias razones. En primer lugar, requiere una cantidad significativa de codificación personalizada para su sitio web. Si no tiene experiencia con la codificación usted mismo, necesitará contratar a un desarrollador, lo que puede ser costoso.

Además, confía en un servicio de terceros para que haga el raspado por usted, y confía en que funcione en Instagram, lo cual es complicado , y confía en que Instagram no cambie el diseño de su sitio para obstaculizar esos tipos exactos de intentos de raspado. El hecho es que a Instagram no le gustan los raspadores, y aunque en realidad no los persiguen individualmente, les hacen la vida difícil.

Opción 4: crear un raspador personalizado

Scraping, por supuesto, no es tan difícil de configurar. Puede parecer que raspar es difícil debido a las diferentes soluciones de raspado que existen, pero todas intentan ser "una talla para todos" para vender sus servicios como un negocio. Si todo lo que quiere hacer es raspar algo por su cuenta, es probable que su código sea mucho más simple. Luego, puede simplemente crear un código para raspar Instagram una vez al día o lo que sea, formatear los datos de la forma que desee y configurar sus propias incrustaciones personalizadas.

Al igual que con algunas otras opciones, esto requiere mucha codificación personal o tiempo de desarrollador, lo cual no es lo ideal. Si te gusta codificar, puedes hacerlo tú mismo, pero si no eres un fanático, tendrás que pagar por un desarrollador. También debe lidiar con que Instagram cambie su sitio y lo haga más difícil de raspar, lo que sucederá cada pocos meses con regularidad. Si estás dispuesto a lidiar con esto, hazlo. De lo contrario, considere una opción diferente.

Opción 5: usar un complemento

Sé que repasé las razones por las que no debería usar un complemento antes, pero aún puede considerarlo. Algunos complementos son buenos para mantenerse al día con los cambios, no necesitan su API para funcionar y son triviales de configurar.

Considere estas opciones: EmbedSocial, Juicer, SnapWidget y Elfsight. Todas estas son opciones que lograrán exactamente lo que usted quiere con una configuración mínima. Tienen sus propias ventajas y desventajas, por supuesto, y algunos de ellos no son gratuitos, pero eso es justo lo que debe investigar.