欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

分享按钮 html代码,超简洁微博分享按钮代码

(元素模板) / 2022-06-01 13:34

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

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

http://service.weibo.com/share/share.php?url=网址&title=文章标题&appkey=1145278316&pic=https://mr-z.me/wp-content/uploads/2018/08/shmcb-not-supported-error-apache2.png

http://service.weibo.com/share/share.php?url=网址%230-tsina-1-22213-397232819ff9a47a7b7e80a40613cfe1&title=文章标题&appkey=1343713053&searchPic=false

其中,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");

});

});

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com