在自定义推特分享图标中分享 link 、标题和一张图片

Question

这是自定义 Twitter 图标代码：

HTML:

<i id="twitter_share" class="fa fa-twitter fs20" style="position: relative; bottom: 4px;"></i>

和Jquery：

$('#twitter_share').click(function (e) {
    e.preventDefault();
    var loc = "<?= base_url(uri_string()); ?>";
    var title = "<?= $video->title; ?>";
    window.open('http://twitter.com/share?url=' + loc + '&text=' + title + '&', 'twitterwindow', 'height=450, width=550, top=' + ($(window).height() / 2 - 225) + ', left=' + $(window).width() / 2 + ', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0');
});

它与 url 和标题配合得很好。问题是，我怎样才能分享一张图片呢？

非常感谢您的帮助。

更新：参考Facebook 在facebook我可以分享这样的内容，在twitter上也可以吗？谢谢。 !

Answer 1

图像来自您的 HTML 标记，当有人向您的 url 发送推文时，它会被 Twitter 抓取。

Twitter 将推文附带的元信息集合称为卡片，需要经过他们的批准才能出现在网络上。

仔细阅读 Twitter Cards Developer 页面
Select 一张合适的卡片（summary_large_image 是一张好卡片）并在您的 HTML
在 Cards Validator 页面上验证您的卡
一旦您的域被列入白名单，任何带有您 url 的推文也将包含您的卡

Answer 2

我稍微搜索了一下解决方案，一个解决方案是使用 Twitter Cards

也许这个话题会对你有所帮助Twitter - share button, but with image

在自定义推特分享图标中分享 link 、标题和一张图片

Share the link , title and one image in custom twitter share icon

html

javascript

twitter

jquery

social-networking