新浪自定义html链接地址,自定义新浪微博分享按钮样式
新浪开放平台虽然有分享按钮的组件(http://open.weibo.com/sharebutton)并且提供了两种格式的应用方法:WBML和JS,但还是无法据自己的需求做到自定义样式。
为了解决该问题,我们首先来看下新浪所生成的JS代码:
(function(){
var _w = 32 , _h = 32;
var param = {
url:location.href,
type:'1',
count:'', /**是否显示分享数,1显示(可选)*/
appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/
title:'', /**分享的文字内容(可选,默认为所在页面的title)*/
pic:'', /**分享图片的路径(可选)*/
ralateUid:'', /**关联用户的UID,分享微博会@该用户(可选)*/
language:'zh_cn', /**设置语言,zh_cn|zh_tw(可选)*/
dpc:1
}
var temp = [];
for( var p in param ){
temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
}
document.write('')
})()
在这里,可以看到新浪允许参数的自定义:
count:'' 表示是否显示当前页面被分享数量(1显示)(可选,允许为空)
url:'' 将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空)
appkey:'' 用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空)
title:'' 分享时所示的文字内容,为空则自动抓取分享页面的title值(可选,允许为空)
pic:'' 自定义图片地址,作为微博配图(可选,允许为空)
ralateUid:'' 转发时会@相关的微博账号(可选,允许为空)
language:'' 语言设置(zh_cn|zh_tw)(可选)
附:
AppKey申请地址:http://open.weibo.com/webmaster/add
新浪微博用户UID/数字ID查看方法:
1. 进入到用户微博主页,点击其关注和粉丝的连接,便能在地址栏中看用户的UID/数字ID。例(http://weibo.com/用户用户UID/myfllow)
2. 打开http://open.weibo.com/sharebutton,在关联账号中输入微博ID,便能在下方获得代码区域出现相关的ralateUid内容。
此时你有没发现,当单击分享以后,能够看到如带有相关参数的动态链接地址:http://service.weibo.com/share/share.php?url=&appkey=&title=&pic=&ralateUid=&language=zh_cn
如此一来,我们可以通过变量自己来创建动态链接地址,那么样式和各种细节就全由我们自己所掌控。
/* weiboShare */
function weiboShare(){
var wb_shareBtn = document.getElementById("shareBtn")
wb_url = document.URL, //获取当前页面地址,也可自定义例:wb_url = "http://www.bluesdream.com"
wb_appkey = "",
wb_title = "【蓝色梦想 BluesDream.com】自定义新浪微博分享按钮样式",
wb_ralateUid = "1654619591",
wb_pic = "https://file.bluesdream.com/wp-content/uploads/2013/01/CSS3-3D%E5%9B%BE%E4%B9%A6%E5%B1%95%E7%A4%BA-3D-Book-Showcase.jpg",
wb_language = "zh_cn";
wb_shareBtn.setAttribute("href","http://service.weibo.com/share/share.php?url="+wb_url+"&appkey="+wb_appkey+"&title="+wb_title+"&pic="+wb_pic+"&ralateUid="+wb_ralateUid+"&language="+wb_language+"");
}
weiboShare()
感谢您的阅读,本文由 蓝色梦想 版权所有。如若转载,请注明出处:蓝色梦想 - 自定义新浪微博分享按钮样式
新浪自定义html链接地址,自定义新浪微博分享按钮样式相关推荐
- php实现新浪微博分享功能,自定义新浪微博分享按钮样式
新浪开放平台虽然有分享按钮的组件(http://open.weibo.com/sharebutton)并且提供了两种格式的应用方法:WBML和JS,但还是无法据自己的需求做到自定义样式. 为了解决该问 ...
- 生成新浪短地址 php,生成新浪的短链接和还原新浪短链接类(方法)总结
生成新浪的短链接和还原新浪短链接类(方法)总结. /* * 生成新浪的短链接或还原新浪短链接 * date 2014年6月1日 * author www.phpernote.com */ class ...
- 新浪图床链接-阿里云oss 一键替换程序
新浪图床链接->阿里云oss 一键替换程序 "五一假期都要闲死了,大家节日快乐 " 前言 源码在github上 github 项目地址:https://github.com/ ...
- 锚链接html target,列锚标签()的target属性中,哪一个可以定义在新窗口中打开链接地址()。 - 问答库...
问题: [单选] 列锚标签()的target属性中,哪一个可以定义在新窗口中打开链接地址(). A . A_self B . B_blank C . C_parent D . D_to 在配置管理中, ...
- uniapp 实现微信小程序全局分享及自定义分享按钮样式
uniapp 实现微信小程序的全局 转发给好友/分享到朋友圈 的功能.主要使用 Vue.js 的 全局混入 概念. 下面直接上 实现步骤和代码: 创建全局分享内容文件 1.创建一个全局分享的 js 文 ...
- 使用新浪将长链接生成短链接
String longurl = ""; //输入长链接地址 BufferedReader reader = null; try { longurl = URLEncoder.en ...
- 大佬教你们如何快速复制网页中的链接地址(技巧分享,非爬虫篇)
大家有没有这样的场景,在某一个网站,看见了很多美女相片,想把链接全部保存下来,那么就需要一个一个的单击右键,复制链接地址,在到记事本或word等工具中ctrl+c或者右键粘贴,步骤是相当麻烦.做电商的 ...
- 我的新浪技术博客地址
http://blog.sina.com.cn/technoentrepreneurship
- 微信公众号,微信网页链接,隐藏微信分享按钮的链接
1.界面操作 (1)隐藏右上角菜单接口 wx.hideOptionMenu(); (2)显示右上角菜单接口 wx.showOptionMenu(); (3)关闭当前网页窗口接口 wx.closeWin ...
最新文章
- ++和+的运算优先级和++i和i++混合用法解析
- Effective C++ --4 设计与声明
- 关于java子类继承以及final问题总结
- JavaScript中DOM操作
- 网站开发综合技术 一 JavaScript简介 二JavaScript语法
- pes2019服务器中断,实况足球2019卡顿原因及解决办法分享
- 写给零基础入坑蓝桥杯的同学
- 快速安装tensorflow-gpu
- 电路分析 基础 电容、电感元件的串联与并联
- 神武4最新服务器,神武4手游 角色转服扩大限服范围
- 网络信息检索(一)检索模型:布尔,向量,概率检索
- 图的二种遍历-广度优先遍历和深度优先遍历
- python爬取腾讯新闻_Python采集腾讯新闻实例
- SpringBoot 接口数据加解密技巧,so easy!
- 安装Docker所遇到的问题
- P2P与SIP技术的研究
- OpenCV的cv::cvtColor()
- options 请求
- 《同桌的你》之BT版
- maan's Eudemonia
热门文章
- 一个机箱配几种螺丝钉,用哪个
- centos下载速度慢的解决办法
- echarts:面积图按照数值标记颜色
- 算法之路之征服上海交大的oj-西西弗斯式的命运
- 发现了一个在freebsd12和linux下比较好用的刻录u盘的工具可以刻录win8.1启动盘
- 快递驿站物流小程序多功能开发
- Android media 测试,如何在ANDROID中检测媒体文件是否受DRM保护?
- 抖音seo优化排名搜索算法规则,关键词下拉框搜索栏标签流量技术代码分享
- dos攻击命令_Kali Linux系列之拒绝服务攻击(DOS)实战(下)
- 四百元以内哪种耳机音质好?2023便宜音质好的蓝牙耳机推荐