Facebook share for dynamic pages in angular.

[Faizan Malik]

Hi Guys,

Facebook share is not working in angular 8. When i share my page its get the meta description and title from index file not that meta tags which i used dynamically and updated them by this "this.metaService.updateTag" because SPA render in DOM but facebook bots didn't render the javascript/

Is there any way to share dynamic page on facebook ?

[bastien lemaire]

You could try to use pre-rendering or server-side rendering. This is specifically designed for SEO problems with angular applications.

A quick search revealed this blog post which does a decent job at explaining it: https://www.thirdrocktechkno.com/blog/prerendering-in-angular-9/#:~:text=What%20is%20Pre%2Drendering%20in,static%20pages%20in%20the%20application.

Bastien Lemaire

--
You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/angular/53f3dc05-6db1-47e0-a1fb-aba18d3cc89dn%40googlegroups.com.

[Asad Fiaz]

Hi Faizan,

You can try to use Server Side Rendering. You can write a node script that will render your angular application and then the above mentioned issue will automatically be resolved. For further research, you can look into this link https://www.digitalocean.com/community/tutorials/angular-angular-universal.

Thanks and Regards

Asad Fiaz

Senior Front-end Engineer

--