17
Views
2
Comments
Unable to access OG tag in Facebook. Need to show information Card with OG Image
Question

Reactive Web Apps are single-page applications mostly based on ReactJS, hence the rendering happens browser-side instead of server-side (like Traditional Web Apps do). Most of the social media crawlers are unable to process JavaScript thus the rendering doesn’t happen, they only see a very simple HTML page (with enough elements to enable React bootstrapping).

Is there any workaround to Achieve this Social Media Crawling?

2023-03-16 16-29-51
Paulo Rosário

Hello Abhishek Singh

I am not familiar with the Facebook API or any social media crawlers but if you have the need to use Traditional Web App features on a Reactive App you can use an IFrame ( HTML element with the <iframe> tag)  to display a Traditional Web page on your Reactive App, that way the information will be rendered server-side.

Create a Traditional web app with the logic that you need and link it to the IFrame. 

Take a look at this component, it may be helpful!  

Hope it helps! 

Paulo Rosário 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.