Как реализовать социальный обмен в angular6?

Question

Как и в обычных веб-приложениях, я хочу реализовать социальный обмен, предоставив для этого кнопку «Поделиться». Я определил метатег в моем текущем HTML-компоненте, но он не показывает изображение.Я думаю, что в 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>

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