在自定义Twitter共享图标中共享链接，标题和一个图像

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');
});

它与网址和标题一起正常工作。问题是，我如何分享一个图像？

非常感谢你的帮助。

更新：在facebook中引用 在Facebook我可以分享这样的内容，它也可以在Twitter上完成吗？谢谢。 ！

Answer 1

图片来自您的HTML标记，当有人发推推文时，会被Twitter抓取。

Twitter将推文附带的元信息收集称为卡，他们需要在网络上显示之前批准这些信息。

1. 仔细阅读Twitter Cards Developer页面
2. 选择合适的卡片（ summary_large_image 是一个很好的卡片），并在HTML的标题中包含相应的Twitter元标记
3. 在Cards Validator页面
上验证您的卡片
4. 将您的网址列入白名单后，任何包含您网址的推文都会包含您的网卡

Answer 2

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

也许这个主题会帮助你Twitter - share button, but with image