时间戳

首页 > 解决方案 > angular6中如何实现社交分享？

angular6 - angular6中如何实现社交分享？

问题描述

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

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>

标签： angular6socialshare

解决方案

这段代码只显示一个文本：Twitter，它带有一个链接。如果您想要与它关联的图像，只需添加一个<img>标签。并请解释你真正想做的事情。meta标签主要用于 SEO 目的。

有关元标记的更多信息：https ://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML

希望对您有所帮助：Angular6 社交分享演示

推荐阅读