分享链接、标题和一张图片到自定义 Twitter 分享图标中。

Question

分享链接、标题和一张图片到自定义 Twitter 分享图标中。

javascriptjqueryhtmltwittersocial-networking

4

这是自定义的 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上也可以吗？谢谢！

facebook share

- user782104

2个回答

1

我搜索了一下解决方案，其中一种方法是使用Twitter Cards。

也许这个帖子能帮到你Twitter - 带图片的分享按钮。

- Nico

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- som · Accepted Answer

图片来自于你的HTML标记，当有人在Twitter上推文你的网址时，Twitter会抓取该标记。

Twitter将随推文发布的元信息集合称为“卡片”，在它出现在网络上之前，需要经过Twitter的批准。

以下是相关步骤：

1. 详细阅读Twitter卡片开发者页面。 2. 选择适当的卡片（summary_large_image 是一个不错的选择），并将相应的twitter元标签包含在HTML head标签中。 3. 在卡片验证器页面上验证你的卡片。 4. 当你的域名被列入白名单后，任何带有你网址的推文都将包含你的卡片。