Javascript 在自定义twitter共享图标中共享链接、标题和一个图像

Javascript 在自定义twitter共享图标中共享链接、标题和一个图像,javascript,jquery,html,twitter,social-networking,Javascript,Jquery,Html,Twitter,Social Networking,以下是自定义twitter图标代码: HTML: 和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

以下是自定义twitter图标代码:

HTML:


和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');
});
$(“#twitter_共享”)。单击(函数(e){
e、 预防默认值();
var loc=“”;
var title=“”;
打开窗户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上分享吗?谢谢 !


该图像来自您的HTML标记,当有人推特您的url时,twitter会将其删除

Twitter将tweet附带的元信息集合称为一张卡片,他们需要在其出现在网络上之前进行批准

  • 仔细阅读这一页
  • 选择一张合适的卡片(summary\u large\u image是一张不错的卡片),并在HTML的头部添加合适的twitter元标记
  • 在页面上验证您的卡
  • 一旦你的域名被列入白名单,任何带有你的url的推文都会包括你的卡片

  • 我搜索了一点解决方案,其中一个解决方案是使用


    也许这个帖子会对你有所帮助

    谢谢你的帮助。因为你之前提到的图片需要twitter批准,那么我如何才能共享动态内容?图片不需要批准,只需要你的域。它也是自动的,你通常会在几分钟内收到一封电子邮件。这是卡片验证的一部分:谢谢,现在是白名单,剩下的唯一问题是如何创建共享对话框。如果是这样:,那么该对话框没有共享图像预览。这些说明可以正常工作,或者您可以使用推特按钮。推特发布后,图像将显示。如果您想查看它的外观,并确保您的图像已正确嵌入,请使用验证器(上面的链接)
    $('#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');
    });