Problema:

Al igual que en otros sitios de redes sociales, quiero mostrar una vista previa de los enlaces de Instagram en mi sitio web. Pero cuando no puedo obtener las metaetiquetas de la página web, ya que el html que se muestra cuando la página a la que se accede desde el navegador es diferente de la que se accede a través axios . No puedo obtener las etiquetas Open Graph en las páginas de Instagram.

lo que he probado

paquetes utilizados: axios y jssoup
URL de publicación utilizada en el siguiente ejemplo: https://www.instagram.com/p/Cg39m-KjfC8/

 const axios = require('axios').default; var JSSoup = require('jssoup').default const fetchOgDatafromInsta = async (postid) => { // let's consider this url for example page = await axios.get(`https://www.instagram.com/p/Cg39m-KjfC8/`, { headers: { "sec-ch-ua-platform": "Windows", "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Safari/537.36", "accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8", "accept-encoding": "gzip, deflate, br", "accept-language": "en-US;q=0.7", "sec-fetch-dest": "document", "sec-fetch-mode": "navigate", "sec-fetch-site": "none", "sec-fetch-user": "?1", "sec-gpc": 1, "upgrade-insecure-requests": 1 }, }) var soup = new JSSoup(page.data, false) const allMeta = soup.findAll(('meta')) allMeta.forEach(element => { console.log(element.attrs); }); }

Con o sin el encabezado, el resultado es el mismo. Etiquetas como <meta property="og:image"/> están ausentes.

¿Hay alguna otra forma de obtener los datos de la metaetiqueta? ¡La mayoría de las plataformas de redes sociales pueden hacer esto!

¡¡¡Por favor ayuda!!!

Cualquier sugerencia aceptada con agradecimiento. Gracias por adelantado.