在自定义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');
});

它与url和title一起工作正常.问题是,我如何分享一个图像？

非常感谢您的帮助.

更新:facebook中facebook的参考我可以分享这样的内容,也可以在twitter上完成吗？谢谢.!

Answer 1

图像来自您的HTML标记,当有人发布您的网址时,该标记会被Twitter抓取.

Twitter是指将推文作为卡片附带的元信息集合,他们需要在它出现在网络上之前批准.

1. 通过Twitter Cards Developer页面阅读
2. 选择一个合适的卡片(summary_large_image是一个很好的卡片)并在HTML的头部包含相应的twitter元标记
3. 在卡验证器页面上验证您的卡
4. 一旦您的域名被列入白名单,任何包含您网址的推文都会包含您的卡片