Para configurar una Fuente RSS de Instagram via expresion regular es necesario que una fuente de datos este debidamente configurada en su cuenta de 4YouSee Manager. Así que a continuación se detallan los pasos.
1. Agregar un Canal
En el menú principal hacer clic en Fuentes de Datos (1 )> Canal (2) y luego en la parte superior derecha de la pantalla clique en (3).
Diligencie el nombre del canal (Ejemplo: Instagram) (1) y clique en Agregar (2), así como lo muestra la siguiente imagen:
Verifique que no tenga otros canales con el mismo nombre, en caso que tenga un canal llamado "Instagram", el canal que está creando no debe tener el mismo nombre.
2. Agregar y Configurar una Fuente de Datos
En el menú principal hacer clic en Fuentes de Datos (1) > Fuente de datos (2) y luego en la parte superior derecha de la pantalla clique en (3).
Diligencie los campos de Perfil de Conexión, Canal, Nombre, Url, Regexp, Consulta, Agrupar registros y Lineas de Encabezado a Ignorar, conforme se explica a continuación:
- En el campo Perfil de conexion (1) seleccione expresión regular.
- En el campo Canal (2) seleccione Instagram, el canal que se agregó anteriormente en el paso 1.
- En el campo Nombre (3) escriba el nombre que desee, preferiblemente el del perfil a acceder.
- En el campo Url (4) colocar la URL que a continuación vamos a explicar como obtener.
- Como Obtener URL (4).
Primero, será necesario descubrir el ID del perfil de Instagram que quiere capturar, y para esto debe ingresar a https://codeofaninja.com/tools/find-instagram-user-id
Una vez dentro digite el Nombre de la cuenta (1), en este caso como ejemplo buscaremos la cuenta "travel" y vemos como aparecen las cuentas con ese nombre (2), con su respectivo ID. Copie el ID, que para este ejemplo es el 2026755533.
Dicho ID debe ser substituido por el id que se encuentra en la siguiente URL:
https://www.instagram.com/graphql/query/?query_hash=58b6785bea111c67129decbe6a448951&variables={"id":"5565736573","first":12,"after":""}
Osea, que en el link anterior, no estará el número 5565736573 sino el 2026755533.
Esta nueva URL la debe colocar en el campo URL (4).
- En el campo Regexp (5) pegar lo siguiente:
/"edge_media_to_caption":{"edges":\[{"node":{"text":"(.*?)"}}\][\w\W]*?"edge_media_preview_like":{"count":(\d*?),[\w\W]*?"owner"[\w\W]*?"username":"(.*?)"[\w\W]*?"thumbnail_src":"(.*?)"/
- El campo Consulta (6) debe permanecer en blanco.
- Deje la opción de Agrupar Registros (7) desmarcada.
- En Lineas de Encabezado a Ignorar (8) digite 0.
- Clique En el botón Comprobar Consulta (9) para corroborar que los datos sean correctos. En caso de obtener el siguiente mensaje quiere decir que los datos son correctos, Clique en Cerrar (7) y luego Modificar (8) o Agregar si fuese el caso para guardar los cambios.
Luego de haber agregado la Fuente de Datos, le aparecerá el listado de estas nuevamente. Aquí debe hacer click en Variables (1) correspondiente a la Fuente de Datos que se acaba de crear.
La imagen debajo muestra la pantalla que aparece al entrar en las opciones de variables, donde se deben seleccionar las variables que usará la plantilla.
Debe añadir las variables: username, img y caption, haciendo clic en el botón sobre las variables. Var0, Var1, Var3
Después de esto, en la columna nombre, cambie la palabra Var0 por img, Var1 por caption, Var3 por username para que la lista de variables escogida luzca como se ve la siguiente imagen.
Clique en el botón Guardar, ubicado en la parte superior izquierda. A continuación el próximo paso es cargar la plantilla que la Fuente RSS utilizará.
3. Agregar una Plantilla RSS.
Descargue la plantilla de Instagram en nuestra Biblioteca de Plantillas donde disponemos de varias plantillas organizadas por país.
Siga las instrucciones del siguiente manual para agregar plantillas en su cuenta de 4YouSee Manager:
Si usted realizará una plantilla diferente, utilizando 4YouSee Designer, considere que:
> En la plantilla, el nombre de la variable para la imagen debe ser imgVar y el resto deben ser iguales a las escritas en el paso anterior.
> No marcar la casilla de modo de compatibilidad al momento de la exportación y luego reemplazar el archivo player_html.js por el que se encuentra dentro de su projecto (.zip), en la
carpeta js
.
El próximo paso es crear y configurar la Fuente RSS que será utilizada.
4. Crear y Configurar una Fuente RSS.
Para continuar, lo siguiente es configurar la Fuente RSS, y para esto debe ir al menú principal a Noticias (1) > Fuentes RSS (2) y en la parte superior derecha clique en (3) . Diligencie los campos conforme se explica a continuación:
Los campos deben ser diligenciados de la siguiente manera
- Diligencie el campo de Nombre de la Fuente (1), en este caso colocaremos "Perfil de prueba". O en su caso el nombre del perfil que está configurando.
- Clique en la opción Usar canal (2) y seleccione el canal Instagram, el canal que se agregó anteriormente en el Paso 1.
- En el campo de Template (3) seleccione la plantilla que se acaba de cargar, Instagram, en el Paso 3.
- En el campo de Captura de Texto (4) clique en el campo y seleccione la opción <title> en el área que le aparece.
- En Captura de Imagen (5) seleccione Tag del RSS.
- En Nombre del Tag RSS (6), coloque img.
- En el campo Buscar Apenas Noticias con Fotos (7) seleccione la opción Si.
- En Activa (7) seleccione la opción Si.
- En Aprobar Noticias Automáticamente (8) clique en la opción Si.
- En Términos inadecuados específicos (9) clique en la opcion No.
- En el campo Limite de Registros (10) digite 10, que es el número máximo de notícias que deben ser descargadas por 4YouSee, es decir, el número de publicaciones del perfil que desee que se muestren. Ej: Si coloca 1, mostrará solo la última, si coloca 2 mostrará las últimas 2.
- En el campo Duración de las Noticias (11) digite 1, que es el número de días en que las noticias serán válidas. Esto quiere decir que si coloca 1, la publicación estará hábil para mostrarse en su player por 1 día.
- En el campo Peso (12) digite 1.
- Este valor del campo Peso delimita la relevancia de exhibición de la noticia en relación a las demás noticias asociadas al player. Cuanto mayor el valor numérico mayor será las veces que se muestra esta noticia con respecto a las demás asociadas al player.
- En Número de players asociados a esta fuente (13) indicará a cuantos players se encuentra vinculado,
- Clique en el botón Modificar (14) o Agregar, si es el caso..
5. Descargar Noticias.
Para comprobar que hasta ahora ha configurado la fuente RSS exitosamente, ir a Noticias > Fuentes RSS , ubique la fuente RSS que desee y clique en Obtener Nuevas Noticias (1).
4YouSee descargará las noticias de Instagram y luego le avisará por medio de un mensaje en pantalla que han sido descargadas cierto número de noticias. Si no ha descargado noticias quiere decir que algo ha salido mal, puede intentar configurando otra cuenta o si no contáctenos escribiéndonos a soporte@4yousee.com
Para ver una noticia, en la forma como esta se mostrará en el player, clique sobre el botón de Preview (2), ubicado en la misma pantalla.
Si quiere ver todas las noticias que fueron descargadas debe ir a Noticias (1) > Noticias (2), buscar el nombre de la fuente; Perfil de prueba (3) y hacer clic en Consultar (4) para obtener las noticias descargadas.
Al tener todas las noticias que hayan sido descargadas hacer clic en Preview (5) para mostrar cada noticia.
Si la fuente RSS está asociada a un player, las noticias se mostrará en la pantalla de dicho player, sino, usted debe asociar la Fuente RSs a su(s) player(s). Más información en este manual:
Vincular Fuentes RSS a un Player
Si aún así, no se muestra la noticia en el player, puede obtener más información en el siguiente manual: