问题
在微信中共享我的网站页面时,是否可以提供自定义标题,描述和缩略图?
背景
我们有一个iPhone应用程序,用户可以从该应用程序使用微信(又名微信)与 friend 发布/共享帖子。
从应用程序共享标题时,将通过API为共享页面发布标题和描述(从应用程序共享时,这些显示和所需的显示)。分享后, friend 们可以在微信(而不是我们的应用程序)中打开这些页面。
问题是,当 friend 使用微信自己的共享按钮重新共享我们的页面时,它会丢失我们提供的描述。它将与HTML标题标签,页面上的第一张图像(被拉伸(stretch)或压缩为正方形缩略图)和原始描述所在的位置重新共享,它仅显示页面的URL。
我试过在description meta标签中提供说明,但是没有运气。我什至尝试了Facebook样式/开放图og:description meta标签。
旁注
我在一个似乎克服了这个问题的中文站点上浏览了源代码。我认为可以使用名为WeixinJSBridge的javascript插件解决。不幸的是,我无法找到任何英文文档-我的中文不是很好,而且我的意思不是很清楚,我听不懂一个字。
最佳答案
[自微信发布新的JS SDK以来不起作用]这是微信的解决方案:http://mp.weixin.qq.com/qa/index.php?qa=3163
但是,所有的中文。您可以尝试的代码如下:
var imgUrl = 'http://xxx/your-share-icon.png';
var lineLink = 'http://xxx/your-share-link';
var descContent = "your-content-desc";
var shareTitle = 'you-share-title';
var appid = 'your-app-id (from WeChat)';
function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage',{
"appid": appid,
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('send_msg', res.err_msg);
})
}
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline',{
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"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);
});
}
// WeChat browser will initial by above function and trigger WeixinJSBridgeReady event.
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// share to friend
WeixinJSBridge.on('menu:share:appmessage', function(argv){
shareFriend();
});
// share to timeline
WeixinJSBridge.on('menu:share:timeline', function(argv){
shareTimeline();
});
// share to weibo
WeixinJSBridge.on('menu:share:weibo', function(argv){
shareWeibo();
});
}, false);