轩枫阁

首页 / Web前端 / 授人以渔 / JQuery / 社交平台分享自定义javascript组件

社交平台分享自定义javascript组件

前言

社会化媒体赋予了每个人创造并传播内容的能力。社会化分享量可以间接说明该页面内容受欢迎的程度,对用户筛选搜索结果能够起到很好的辅助作用。目前常用的社会化分享媒体主要有QQ空间、新浪微博、微信、腾讯微博、人人网等。

社会化分享简介

社会化分享,是指在中,基于其分享功能,将信息网络化输入输出,加速组织传播。博客、微博客、WIKI、博客、社交网络、内容社区等,是可以常见到的社会化媒体形式。在国内近两年,社会化分享的传播量又以QQ空间、新浪微博、腾讯微博势头最猛。

社会化分享工具

常用的社会化分享工具,都支持自定义按钮风格、代码嵌入等功能,使用起来简单方便。

推荐的有:

百度分享http://share.baidu.com/

加网http://www.jiathis.com/

自定义JS组件

简介

demo地址:http://xuanfengge.com/demo/201404/share/

Github地址:https://github.com/xuanfeng/sns_share

为何有了以上方便的工具,还要自己写组件呢?

  • 需要嵌入指定代码,打开页面时需要加载其他网站的资源
  • 可以自定义的分享的文字、图片
  • 支持微信(二维码)、新浪微博、腾讯微博、人人网、QQ空间

asdcasd

如何使用

HTML结构

xuanfeng_sns_share.js组件

组件初始化

微信分享

创建社会化媒体Appkey

新浪微博:http://open.weibo.com/development/canvas

腾讯微博:http://dev.t.qq.com/developer/insite/

人人网:http://dev.renren.com/app

QQ空间:http://op.open.qq.com/index.php

结尾

如果能看到这,说明很耐心,所以要做出这样的组件,也请耐心的完成各大社交工具的API创建,一步一步完成,相信你会受益~

238/470
240/470

相关阅读

文章评论

  • 这个效果很好,值得赞扬

    • 我觉得UI还是挺不错的,而且自己实现,想填什么文字就是什么文字

      • 是啊,适合自己制作wordpress主题使用的

  • 博主交换友情链接吗,我是原创自媒体类型博客,每天坚持更新哦,谷歌秒收录,嘿嘿,我只跟原创博客交换链接,我的地址是www.youbing.cc 如果您交换链接的话,直接把我链接做好在你网站首页,在我博客里面留言就OK。

    • 不好意思,贵站建站年龄太短,不符合本站友链要求

      • 有病自媒体,绝对不会让你失望

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子