javascript - 微信分享转发给朋友,描述是网址

WBOY
Release: 2016-06-06 20:25:53
Original
1222 people have browsed it

希望结果是这样:
javascript - 微信分享转发给朋友,描述是网址

目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。

网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。

描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。

<code><meta name="Description" content="导读:山东是国内最大的轮胎生产省份,轮胎企业数量、产量、销售收入、利税、出口量连续11年居国内首位。2013年,全省共有轮胎生产企业287家,共生产各种规格轮胎外胎4.25亿条(包括部分小型轮胎、摩托车胎、力车胎)。其中,全钢子午胎生产企业33家,产量 6228万条,占全国总量的58%;半钢子午胎生"></code>
Copy after login
Copy after login

回复内容:

希望结果是这样:
javascript - 微信分享转发给朋友,描述是网址

目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。

网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。

描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。

<code><meta name="Description" content="导读:山东是国内最大的轮胎生产省份,轮胎企业数量、产量、销售收入、利税、出口量连续11年居国内首位。2013年,全省共有轮胎生产企业287家,共生产各种规格轮胎外胎4.25亿条(包括部分小型轮胎、摩托车胎、力车胎)。其中,全钢子午胎生产企业33家,产量 6228万条,占全国总量的58%;半钢子午胎生"></code>
Copy after login
Copy after login

需要微信JSSDK,需要后端的小伙伴配合

<code>  wx.ready(function () {
                       // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
                    wx.onMenuShareTimeline({
                        title: "title", // 分享标题
                        link:"url",
                        imgUrl: "sharePic.jpg", // 分享图标
                        success: function (res) {
                        }
                    });
                    
                        // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
                    wx.onMenuShareAppMessage({
                        title: "title", // 分享标题
                        link:"url",
                        imgUrl: "sharePic.jpg", // 分享图标
                        desc: '描述', // 分享描述
                        type: 'link', // 分享类型,music、video或link,不填默认为link
                        success: function (res) {
                        }
                    });
  });</code>
Copy after login

需要加载 jweixin.js
网址如下:
http://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS%E6%8E%A5%E5%8F%A3

然后调用下面的分享API,进行分享,其他同上。。我真懒。。

需要后端配合,这是我之前扒拉的两个简单的demo:
https://github.com/wjfz/weixin-jssdk

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template