welcome to xlongwei.com

欢迎大家一起学习、交流、分享


QQ:9167702333 邮箱:admin@xlongwei.com

短链接和微博分享


分类 Web   关键字 分享   标签 web   jquery   发布 hongwei  1444711003354
注意 转载须保留原文链接,译文链接,作者译者等信息。  
短链接有助于微博推广,因为微博限制字数所以不适合较长的链接地址,这里提供一个短链接生成和微博分享的demo页面,http://cms.xlongwei.com/demo/share.html

html
<div class="row">
<input type="checkbox" id="shortenCfx">
<input class="form-control" id="shortenUrl"><button onclick="shortenUrl()">生成短链接</button><br>
<a href="" target="_blank" id="shortenLink"></a><br>
</div>

<div class="row">
<input type="checkbox" id="shareCfx">
<input class="form-control" id="shareUrl"><button onclick="shareUrl()">分享微博</button><br>
</div>

js
<script>
function shortenUrl(btn){
var url=$("#shortenUrl").val();
if(url && $("#shortenCfx").is(":checked")) url = encodeURIComponent("http://www.caifuxiang.com/statics/redirect.html?by1067&"+url);
if(url && url.startsWith("http")){
url = "https://api.weibo.com/2/short_url/shorten.json?source=2782844817&url_long="+url;
$("#shortenLink").text(url).attr("href", url);
}
}
function shareUrl(btn){
var url=$("#shareUrl").val();
if(url && $("#shareCfx").is(":checked")) url = encodeURIComponent("http://www.caifuxiang.com/statics/redirect.html?by1067&"+url);
if(url && url.startsWith("http")){
url = "http://service.weibo.com/share/share.php?url="+url;
window.open(url);
}
}
</script>

效果:


demo地址:
http://cms.xlongwei.com/demo/share.html




评论列表
  • #0 hongwei 1444978958273

    再次琢磨了weibo的oauth2接口,现在可以直接生成短链接了。