分享给好友工具之jiaThis

一:可直接复制套用里面的的代码

以下是页面的显示:复制并粘贴下面的JS代码,放到您的网页,可以在<body>和</body>的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现。

<!-- JiaThis Button BEGIN -->
<div class="jiathis_style">
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_weixin"></a>
<a class="jiathis_button_renren"></a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->

这里需要引入了jia.js,之后页面图标即可显示。

分享往往是有分享的标题跟链接,这里标题链接的配置,可统一在jiathis_config中定义,完成配置后,将语句放在主JS的前面即可,以下举例说明:

var jiathis_config = {
    boldNum:0,
    siteNum:7,
    showClose:false,
    sm:"t163,kaixin001,renren,douban,tsina,tqq,tsohu",
    imageUrl:"http://v2.jiathis.com/code/images/r5.gif",
    imageWidth:26,
    marginTop:150,
    url:"http://www.jiathis.com",
    title:"自定义TITLE #微博话题#",
    summary:"分享的文本摘要",
    pic:"自定义分享的图片连接地址",
    data_track_clickback:true,
    appkey:{
        "tsina":"您网站的新浪微博APPKEY",

"tqq":"您网站的腾讯微博APPKEY",

"tpeople":"您网站的人民微博APPKEY"

},
    ralateuid:{
        "tsina":"您的新浪微博UID"
    },
    "shortUrl":是否开启短链接,
    evt:{
        "share":"用户自定义函数" ( 可以根据自己的命名规范来定义一个自定义函数,如:getEvent )

说明:evt参数可以得到用户的分享操作的相关信息。比如:用户分享的URL,用户分享到的媒体。但是,我们不能确定用
        户是否真正成功的分享了内容,只能确定用户确实是点击了分享按钮……

}
}

详细参数说明,可在网站中的帮助栏里查看。http://www.jiathis.com/help/html/jiathis-diy

二:很多时候我们的分享图标是有自己切好的图来使用的,那就不需要使用默认的图标,这时我们需要做的很简单,就照常让图片显示,因为点击分享的关键在于点击的时候弹出相应的分享页面,所以这时需要给这个图片绑定点击事件,让他跳出指定的分享页面。

代码如下;以下是页面显示的代码;

<div share-body" >   <img src="/img/promotion/newyearWheel/wechat.png" class="img-weixin">   <img src="/img/promotion/newyearWheel/qq.png" class="img-qq">   <img src="/img/promotion/newyearWheel/weibo.png" class="img-weibo">   <img src="/img/promotion/newyearWheel/copy.png" class="img-copy"  id="btn_submit"></div>
<div class="div-weixin hidden">   <div class="div-qr-box">      <div class="div-qr-title">         <span>使用微信扫描二维码</span>         <img src="/img/close.jpg" class="qr-close">      </div>      <div class="div-weixin-qr">      </div>   </div>

</div>
以下则是给相应的图片绑定了点击事件实现点击跳出新页面,直接通过JiaThis API接口分享,接口里可放分享的地址跟标题,所以可在外部公共定义。详细接口API可以在网站中的帮助模块里查看:http://www.jiathis.com/help/html/share-with-jiathis-api。示例如下;
var shareUrl = "https://www.cmiinv.com/view/promotion/wheelEntrance.html?referee=" + userId;var shareTitle = "红包在手中,新年提前发!新年财神到,好礼百分百。呼朋唤友来,iPad带回家!我在中民i投抽中了" + pri + " !来不及解释啦,快点我抽奖。";$(".img-weibo").click(function () {    if (!$.isLogin()) {        $.goLogin();        return;    }    window.open("http://www.jiathis.com/send/?webid=tsina&url=" + shareUrl + "&title=" + shareTitle);});$(".img-qq").click(function () {    if (!$.isLogin()) {        $.goLogin();        return;    }    window.open("http://www.jiathis.com/send/?webid=cqq&url=" + shareUrl + "&title=" + shareTitle);});var weixinShareUrl = "http://m.cmiinv.com/product/NewyearTurntableGame/NewYearDetail.jsp?referee=" + userId;$(‘.div-weixin-qr‘).qrcode(weixinShareUrl);//使用jquery.qrcode生成二维码。
$(".img-weixin").click(function () {    if (!$.isLogin()) {        $.goLogin();        return;    }    $(".div-weixin").removeClass("hidden");});
$(".qr-close").click(function(){    $(".div-weixin").addClass("hidden");});
 
				
时间: 2024-10-13 09:58:54

分享给好友工具之jiaThis的相关文章

分享一款值得分享的写作工具

俗话说的好:工欲善其事,必先利其器.作为技术的工匠来说,不仅仅需要好的开发工具,好的开发工具可以提高我们的工作效率,但是我们还需要更好的写作和总结工具才行,这样有利于提高我们的技术,学习和总结能力.作为开发者和程序员,这两年最流行的写作工具非MarkDown莫属了.简书,CSDN和github pages都支持markdown格式.所以今天我们推荐的写作工具就是关于markdown的. MarkdownPad MarkdownPad是Windows下的一个全功能Markdown编辑器.用户可以通

【分享】小工具大智慧之Sql执行工具

工具概况 情况是这样的,以前我们公司有很多Sql用于完成一些很不起眼但又不得不完成的业务,出于方便就直接在Sql查询分析器里执行,按理说应该写一些专门的工具的,但是这些脚本很多,于是我就写了这样一个小工具,只要Sql可以解决的问题就能用到它了,那么它有什么优点呢 一.以前写好的Sql可以不用怎么更改,只需要将参数部分提取出来按照定好的规范改成一个模版即可,使用工具加载模版时,工具会自动将模块要求的参数提供给用户填写. 二.模版文件里可以配置好连接字符串,这样不用每次都连接数据库,也避免连接错误的

java微信分享config:invalid signature,自定义右上角菜单(只保留分享给好友和朋友圈)

微信提供的API位置:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 先照着文档复制: JSSDK使用步骤 步骤一:绑定域名 先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". 备注:登录后可在"开发者中心"查看对应的接口权限. 说明:登录公共平台https

微信分享到朋友圈,分享给好友设置标题图片描述参数

var imgUrl = "http://xxxxx.com/activity/images/logo.jpg"; var lineLink = window.location.href; var descContent = '来宜人贷参与抢钱活动100%获得10000金币,还可以兑换成现金哦~'; var shareTitle = '来宜人贷 拼人品抢现金'; var appid = 'wx237b223ad5773cf5'; function shareFriend() { Wei

分享一个小工具:Excel表快速转换成JSON字符串

在游戏项目中一般都需要由策划制作大量的游戏内容,其中很大一部分是使用Excel表来制作的.于是程序就需要把Excel文件转换成程序方便读取的格式. 之前项目使用的Excel表导入工具都是通过Office Excel组件来实现数据访问的,效率十分令人不满.一个端游项目一般要上百个表格,手游项目20.30个表格基本也是要的,于是表格导入程序的过程一般要几分钟,项目后期要接近半个小时. 此次分享的小工具,在速度上有质的飞越,比上述方法实现的工具有接近100倍的速度提升: 完整项目源代码下载:https

Android 微信分享,分享到朋友圈与分享到好友,以及微信登陆

extends:http://www.cnblogs.com/android100/p/Android-qq.html 一.申请你的AppID http://open.weixin.qq.com/ 友情提示:推荐使用eclipse打包软件最后一步的MD5值去申请AppID 二.官网下载libammsdk.jar包 http://open.weixin.qq.com/download/?lang=zh_CN 三.将libammsdk.jar复制到工程的libs目录 四.在需要分享的Activity

网站pc端分享QQ好友,空间,微博

在开发pc端网站的过程中,涉及到邀请好友的功能,之前单纯的复制粘贴已经无法满足用户的体验.故,仿照移动端添加自动分享到QQ好友,QQ空间,QQ微博的功能. 分享到QQ好友:http://connect.qq.com/widget/shareqq/index.html?url=分享后跳转链接&title=网站的名称 分享到QQ空间:http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=分享后跳转链接 分享到腾讯微博:http:

android接入微信分享(朋友、朋友圈)、QQ分享(好友、空间)

1.申请注册你的appid 2.下载sdk QQ: http://wiki.open.qq.com/wiki/mobile/SDK%E4%B8%8B%E8%BD%BD 微信:https://open.weixin.qq.com/cgi-bin/readtemplate?t=resource/app_download_android_tmpl&lang=zh_CN 3.将下载的文件 导入进工程下的app/libs/下,liba开头的的微信需要的,另外两个是QQ需要的 阅读官方文档QQ:http:/

Android 分享微信好友 朋友圈

第三方应用,可以调用微信分享,把链接,文字,各种media,分享到微信好友或者微信朋友圈,步骤: package com.edaixi.utils; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.widget.Toast; import com.edaixi.activity.R; import com.te