问如何在angular6中实现社交分享？
EN

Stack Overflow用户

提问于 2018-12-03 17:26:35

回答 1查看 1.3K关注 0票数 1

像普通的web应用程序一样，我想通过提供分享按钮来实现社交分享，为此我已经在我当前的html组件中定义了meta标签，但它没有显示图像。我认为在angular中有一些不同的方式来实现社交共享。

share.component.html

<meta name="twitter:card" content="summary"/>  <!-- Card type -->
<meta name="twitter:site" content="Pratyashi"/>
<meta name="twitter:title" content="Pratyashi From Title">
<meta name="twitter:description" content="Description" />
<meta name="twitter:creator" content="Creater"/>
<meta name="twitter:type" content="image"/>
<meta name="twitter:image:src" content="https://www.gstatic.com/webp/gallery3/1_webp_a.png" />
<meta name="twitter:domain" content="http://vmandi.com" />

<a href="https://twitter.com/intent/tweet?ref_src=twsrc%5Etfw&text=Title&tw_p=tweetbutton&url=mywesite"  target="_blank">tWITTER</a>

angular6

socialshare

回答 1

Stack Overflow用户

发布于 2018-12-03 17:35:37

这段代码只显示一个文本: Twitter，它指向一个链接。如果您想要与其相关联的图像，只需添加一个<img>标记。请解释一下你真正想做的事情。meta标签主要是为了搜索引擎优化的目的。

希望它能有所帮助：Angular6 Social Share Demo

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53590760

复制

相似问题

问如何在angular6中实现社交分享？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在angular6中实现社交分享？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在angular6中实现社交分享？
EN