动态og:图像angular2

Question

我们希望在社交网络上分享指向Angular 2的网址.例如Facebook和Skype.

在我们的网站上,根据我们设置的实际网址参数和查询字符串,在此网址上显示动态图片.

例如,http://oursite.com/#/show/5448sd84f8d4sf8将显示/images/5448sd84f8d4sf8.png.

通过共享链接,似乎Facebook和Skype都使用Open Graph元og:image来显示网站的缩略图或快照:

<meta name="og:image" content="http://example.com/image.png">

有没有办法根据网址设置动态og:图像,如下所示:链接我们的网址会显示

<meta name="og:image" content="http://oursite.com/images/5448sd84f8d4sf8.png">

然后如何确保Facebook和Skype实际解析动态图像？

Answer 1

小智 -3

您可以使用ng2-metadata，它很容易实现。