Question

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

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>

Answer 1

此代码仅显示一个文本：Twitter，该链接指向一个链接。如果要与图像关联，只需添加一个<img>标签。并请解释您实际想要做什么。 meta标签主要用于SEO。

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

希望有帮助：Angular6 Social Share Demo

如何在angular6中实现社交共享？

1 个答案: