我添加了元标记以显示twitter共享的summary_large_image框。一旦Twitter共享窗口弹出,它看起来像这样:
一旦单击Tweet
,就可以正确显示summary_large_image。这是元代码:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="patch-package is like a bandage. It saved my life!!!" />
<meta name="twitter:image" content="https://image.mux.com/d4OkE5whZfyg1VJogOTf8AAHcMG00ak24h6JQYWNo/thumbnail.png?width=700&height=400" />
<meta name="twitter:site" content="@lonelydotdev" />
<meta name="twitter:title" content="react-video-recorder works in firefox now!!!" />
但是我真正希望在共享窗口中看到的内容类似于以下内容,它不仅具有url链接,而且还具有一些文本描述,以及最后通过@username的含义:
如何自动将说明和网站所有者注入共享textarea
?谢谢!
我正在使用react-share
npm软件包。它具有via
,related
,title
这样的参数,可以用来插入这些文本。https://www.npmjs.com/package/react-share