关闭

微信分享朋友圈分享代码自定义标题、说明、图标和分享链接

76774人阅读 评论(8) 收藏 举报

微信分享朋友圈分享代码自定义标题、说明、图标和分享链接

最近在做手机网站在分享到微信时,通过微信内置浏览器访问页面分享后,希望可以自定义小图标(imgUrl)和分享链接(lineLink),下面下微信内置浏览器分享功能的JS代码,希望对大家有所帮助。
JS代码如下:
       var imgUrl = "http://www.gdibn.com/m/images/logo.png";  //图片LOGO注意必须是绝对路径
       var lineLink = "http://www.gdibn.com/m/images/";   //网站网址,必须是绝对路径
       var descContent = '互动网络(www.gdibn.com)10年的网站开发经验,专注于网站建设,网店开发,广州SEO,企业网站设计,网站企业模板,广州网站设计,网站报价,企业网站设计,域名,空间,服务器等相关服务,著名的广州网站建设公司。自始至终,我们真心对待每一位客户。'; //分享给朋友或朋友圈时的文字简介
       var shareTitle = '广州网站建设_网站推广公司_网站优化_互动网络';  //分享title
       var appid = ''; //apiID,可留空
        
       function shareFriend() {
           WeixinJSBridge.invoke('sendAppMessage',{
               "appid": appid,
               "img_url": imgUrl,
               "img_width": "200",
               "img_height": "200",
               "link": lineLink,
               "desc": descContent,
               "title": shareTitle
           }, function(res) {
               //_report('send_msg', res.err_msg);
           })
       }
       function shareTimeline() {
           WeixinJSBridge.invoke('shareTimeline',{
               "img_url": imgUrl,
               "img_width": "200",
               "img_height": "200",
               "link": lineLink,
               "desc": descContent,
               "title": shareTitle
           }, function(res) {
                  //_report('timeline', res.err_msg);
           });
       }
       function shareWeibo() {
           WeixinJSBridge.invoke('shareWeibo',{
               "content": descContent,
               "url": lineLink,
           }, function(res) {
               //_report('weibo', res.err_msg);
           });
       }
       // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
       document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
           // 发送给好友
           WeixinJSBridge.on('menu:share:appmessage', function(argv){
               shareFriend();
           });
           // 分享到朋友圈
           WeixinJSBridge.on('menu:share:timeline', function(argv){
               shareTimeline();
           });
           // 分享到微博
           WeixinJSBridge.on('menu:share:weibo', function(argv){
               shareWeibo();
           });
       }, false);
0
7
查看评论

微信自定义分享链接和图文

导语:使用微信自定义分享,可设置个性化的分享图片、标题、描述等,从而使分享的内容更生动有趣,以获得更好的传播效果。 以下来自:微信分享自定义图片和摘要 微信现在是众多公司营销的重点。遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新了官方api后,对整个微信内的页面...
  • chengnuo628
  • chengnuo628
  • 2017-03-26 15:24
  • 1436

微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈

小编也经常在微信朋友圈分享一些好的文章或者让人哭或笑的段子,就在手机右上角的三个竖点一键分享就ok了,那么对于分享到朋友圈是怎么实现的呢?对于那种活动分享送流量是怎么定位分享者的呢?而想要将文章发送给朋友又是怎么获取到的朋友列表的呢?         ...
  • xdd19910505
  • xdd19910505
  • 2016-03-22 20:31
  • 27619

微信分享朋友圈自定义标题链接

详细的微信分享朋友圈的代码实例
  • jia28970475
  • jia28970475
  • 2017-01-13 15:20
  • 4790

微信JS-SDK自定义分享链接

微信自带的分享链接是不带参数的,开发过程如果要实现用户分享给予奖励等活动,需要自定义微信的分享链接,即调用微信js-sdk接口自定义分享链接。 调用微信官方提供的js接口,需要使用微信签名; 一:签名的获取流程: 1.首先由微信appId与秘钥获取令牌(令牌是计算机安全中的一...
  • hyf_javatest
  • hyf_javatest
  • 2015-11-02 16:41
  • 5279

微信自定义分享链接

微信自定义分享链接微信现在是众多公司营销的重点。 遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新了官方api后,对整个微信内的页面管控都严格了不少。 而官方的分享卡片,是众多在微信生态中传播的html5静态页面的一个重点。不过很多人会发现分享的图片和摘要达不到预期。 ...
  • qq_37261367
  • qq_37261367
  • 2017-11-16 13:36
  • 494

微信分享时如何自定义标题,简介和图片

微信发布JSSDK后,把包括自定义分享在内的众多网页服务接口进行了统一。现在,如果要想自定义分享自己的网页信息给好友或朋友圈,就最好使用这个统一的网页服务接口。 一,首先在公众号管理后台“公众号设置”的“功能设置”里填写JS接口安全域名,域名需要通过ICP备案,没有备案域名可以用SAE、BAE等平...
  • u012379505
  • u012379505
  • 2017-07-22 10:15
  • 666

微信开发--微信分享自定义图标和标题

前段时间由于工作需要有几个H5活动页要在微信上分享到朋友圈,分享给朋友,但是发现分享出去的都是系统默认的图片和默认的document.title,那么想要自定义这部分内容,就需要看微信公众平台的开发文档 点击打开微信公众平台开发文档 1.首先要分享的H5页面的域名需要微信公众账号在设置里填写”...
  • ij_fantasy
  • ij_fantasy
  • 2017-12-14 16:27
  • 1191

如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO

当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的。 现在微信是时下最流行的社交媒体,只要有一个手机,就可以轻松玩转微信,所以,微信推广就成了站长朋...
  • cyjch
  • cyjch
  • 2016-08-05 15:25
  • 14231

微信开放平台修改微信分享的小图标后,移动端显示的分享的小图标未改变的问题解决

当我们对微信分享的小图标和文字进行修改后,发现有些设备分享出来的小图标和文字依旧没有改变,但是有些设备确实最新的小图标和文字。
  • wuzesong
  • wuzesong
  • 2016-07-12 13:39
  • 8468

微信分享到朋友圈,分享给朋友JS代码

微信分享 微信分享页面 var imgUrl = "图片地址"; var lineLink = "网址"; var descContent = '爱在五月,\n\n妈咪爱1+1亲子健康之旅开启全国行首站---...
  • baikeliang
  • baikeliang
  • 2014-12-04 17:08
  • 4474
    个人资料
    • 访问:1896531次
    • 积分:18819
    • 等级:
    • 排名:第575名
    • 原创:265篇
    • 转载:442篇
    • 译文:5篇
    • 评论:251条
    最新评论