如何在网页中通过js代码将内容分享到朋友圈

JavaScript023

如何在网页中通过js代码将内容分享到朋友圈,第1张

一个非常简单的方法,百度分享代码组件里面有个微信分享到朋友圈。如下图

1百度搜索“百度分享代码”。

2选择你需要的代码模式。一般选择简单的模式就可以了,太复杂的用户体验不好。

3可以直接复制代码,或者进行下一步继续选择自己喜欢的模式。

4放到文章公共模板中。注意,不要只放在首页,否则统计数据的时候只能显示首页的数据。

5点击图标就可以弹出二维码。

概述

百度分享是一个提供网页地址收藏、分享及发送的WEB2.0按钮工具,网站的浏览者可以方便的分享到人人网、分享到开心网、分享到QQ空间、分享到新浪微博等一系列SNS站点,从而使相关信息能够通过更多的渠道进行传播,实现互联网上信息的高度共享。

编辑本段什么是百度分享按钮

网站主可以在这里获得标准按钮JS代码,嵌入到自己的网站...让网站链接分享到互联网各个角落! 为什么要用百度分享按钮

通过百度分享按钮,您的网站的浏览者可以便捷得分享您网站上的内容到人人网、开心网、qq空间、新浪微博等SNS站点进行传播,为您的网站带回更多的流量,也能将有用的信息传播让更多的人知道。

编辑本段百度分享的优势

通过百度分享按钮,您网站上的网页将更容易被百度搜索引擎所发现,从而有机会从百度搜索带回更多的流量。

通过百度分享按钮,后续您还可以免费获取详尽的分享统计分析,了解网民将您网站上哪些内容分享到哪些SNS网站,每日的分享次数是多少,帮您更好得的跟踪、分析、激励用户的分享行为,为网站带来更多的流量。

编辑本段百度分享动态

据了解,百度分享正在测试期,只有受邀的网站主才能注册成为百度分享用户,获取分享按钮。后续百度分享按钮将面向所有用户开放,用户直接复制选择好的分享按钮js代码即可。

目前百度分享按钮支持分享到人人网、开心网、QQ空间、腾讯微博等16家中国最主要的SNS站点,后续还会快速更新到至少32家站点,并继续不断更新。

官方网站称,百度分享数据统计功能即将开放。使用百度分享按钮,后续用户可以免费获取详尽的分享统计分析,了解网民将网站上哪些内容分享到哪些SNS网站,每日的分享次数是多少,分别从哪些sns网站中获取多少流量。有观点认为,这或许意味着嵌入这一分享按钮的同时可能加入百度统计代码或广告代码。http://baike.baidu.com/view/6254369.htm

分享到朋友圈里面有开发者API,就是JSSDK:

wx.onMenuShareTimeline({

    title: '', // 分享标题

    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

    imgUrl: '', // 分享图标

    success: function () {

    // 用户确认分享后执行的回调函数

},

cancel: function () {

    // 用户取消分享后执行的回调函数

    }

})

网页链接并且需要接入JSSDK不然一样是默认都会显示的

修改下除了微信内嵌浏览器之外的分享:

function isWeChat(){

  //window.navigator.userAgent

  //属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息

  //这个属性可以用来判断浏览器类型

  var ua = window.navigator.userAgent.toLowerCase()//转换小写

  if(ua.match(/MicroMessenger/i) == 'micromessenger'){

    //通过正则表达式匹配ua中是否含有MicroMessenger字符串

    return true

  }else{

    return false

  }

}

if(isWeChat())

    wx.onMenuShareTimeline({

    title: '', // 分享标题

    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

    imgUrl: '', // 分享图标

    success: function () {

    // 用户确认分享后执行的回调函数

},

cancel: function () {

    // 用户取消分享后执行的回调函数

    }

})

else

    wx.onMenuShareTimeline({

    title: '', // 分享标题

    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

    success: function () {

    // 用户确认分享后执行的回调函数

},

cancel: function () {

    // 用户取消分享后执行的回调函数

    }

})