javascript - 在自定义推特分享图标中分享链接、标题和一张图片

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 将伴随推文的元信息集合称为卡片，他们需要在其出现在网络上之前对其进行批准。

1. 仔细阅读 Twitter Cards Developer页
2. 选择一张合适的卡片(summary_large_image 是一个很好的卡片)并在 HTML 的头部包含合适的 Twitter 元标记
3. 在 Cards Validator 上验证您的卡页
4. 一旦您的域被列入白名单，任何带有您的 url 的推文也将包含您的卡