超简洁微博分享按钮代码

2018年8月31日16:34:09 2 1,725 次
摘要

由于本站实现了全站https,百度分享的js就失效了,虽然用的不多但总还是少了点什么。本来打算把百度分享的所有资源下载到我的服务器上调用,但转念一想我就用一个微博分享和百度分享啊,干嘛如此麻烦!

由于本站实现了全站https,百度分享的js就失效了,虽然用的不多但总还是少了点什么。本来打算把百度分享的所有资源下载到我的服务器上调用,但转念一想我就用一个微博分享和百度分享啊,干嘛如此麻烦!

研究下微博分享的页面url我们发现,其实微博分享是通过访问某个特定网址,将需要分享的内容通过参数传入进行分享的,类似这样

http://service.weibo.com/share/share.php?url=https://mr-z.me/2018/08/open-ssl-for-apache2.html&title=这是要分享的内容&appkey=1145278316&pic=https://mr-z.me/wp-content/uploads/2018/08/shmcb-not-supported-error-apache2.png

其中,url是要分享的网页url,title是该条微博的正文内容,appkey是你在微博开放平台appkey,pic是该条微博包含图片的url。如果要在某页面一键分享到微博,只需要构建一个按钮,点击打开特定网址即可。本站是这样实现的。

jQuery(document).ready(function(){
jQuery("[data-cmd='tsina']").click(function(){
var url = window.location.href;
var appkey = '1145278316';
var pic = jQuery('.single-content').find('img')[0].src;
var title = jQuery('[name="description"]').attr('content');
window.open("https://service.weibo.com/share/share.php?url="+url+"&title="+title+"&appkey="+appkey+"&pic="+pic+"&searchPic=true");
});
});

效果图如下超简洁微博分享按钮代码

avatar

评论已关闭!

目前评论:2   其中:访客  1   博主  1

    • avatar 搬瓦工 0

      朋友 交换链接吗

        • avatar mr.z Admin

          @搬瓦工 不,谢谢