微信分享朋友与朋友圈实现自定义标题,描述,图片

时间: 2020-07-20阅读: 163标签: 微信

我们直接看效果:



由上面效果图可以看出,是否实现了自定义分享绝对了您分享出去的推广链接的展示效果。实现自定义分享后分享给好友或者朋友圈可以实现自定义标题,描述,图片功能,让您的分享链接以图文卡片的形式展示出来,更加美观与专业!那下面我就说说如何来实现自定义微信分享的功能。

实现方式:

首先我们要知道,实现好友朋友圈分享自定义内容,必须要接入微信的js-SDK。再用前端代码实现自定义内容:

----------------------------------------------/------------------------------------------------------

<script type="text/JavaScript">
$(function() {
var timestamp = $("#timestamp").val(); //时间戳
var nonceStr = $("#noncestr").val(); //随机串
var signature = $("#signature").val(); //签名
wx.config({
debug: false,
appId: 'wx622ca8545e5c354b', // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature, // 必填,签名,见附录1
jsApiList: ['scanQRCode', 'onMenuShareAppMessage', 'onMenuShareTimeline']
// 必填,需要使用的js接口列表,所有js接口列表见附录2
});
wx.ready(function() {
// wx.hideOptionMenu();
wx.onMenuShareTimeline({
title: '这是一个测试的标题',
link: 'http://blog.csdn.net/frankcheng5143',
imgUrl: 'http://avatar.csdn.net/E/B/6/1_frankcheng5143.jpg',
success: function() {
// 用户确认分享后执行的回调函数
alert('分享到朋友圈成功');
},
cancel: function() {
// 用户取消分享后执行的回调函数
alert('你没有分享到朋友圈');
}
});
wx.onMenuShareAppMessage({
title: '这是一个测试的标题--百度',
desc: '这个是要分享内容的一些描述--百度一下,你就知道',
link: 'http://www.baidu.com',
imgUrl: 'https://www.baidu.com/img/bd_logo1.png',
trigger: function(res) {

},
success: function(res) {
alert('分享给朋友成功');
},
cancel: function(res) {
alert('你没有分享给朋友');
},
fail: function(res) {
alert(jsON.stringify(res));
}
});
});
});
</script>

----------------------------------------------/-----------------------------------------------------------

通过上述代码即可在前面自定义我们分享出的链接带有标题,描述和图标的微信图文卡片。但是前提是一定要对接微信js-SDK。

--------------------------------0.0---------------------------------------------------------

难点咨询以及需要帮忙对接服务的可以找我了解,有偿服务,价格可谈!

我的联系方式:

QQ:814102037   VX:zss7114

或者扫码加我微信详谈,二维码如下:



站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/9494

关闭

解决微信返回上一页.页面不刷新问题

在项目中遇到的一个神奇的 BUG,点击「返回」按钮返回到上一页,但是页面却没有刷新。这是 ios 微信的缓存机制造成的,跳转到下一页时仍然会缓存当前页。

微信活码技术如何解决微信个人号被动加好友上限加好友异常(微信群100人限制)

微信群营销已经成为主流的营销方式,我们都知道微信群未满100人之前可以分享群二维码,让我们的粉丝通过扫码进群,但是人数超过100后,发出的二维码就失效了,无法再次扫码进群,因此,很多人会有微信群满100人怎么再加人

js判断是否在微信或QQ中

之前用网上现成的代码发现有很多浏览器被判别成QQ,像这样: 原因是一些手机浏览器navigator信息中会包含qqbrowser字符,因此被错判为QQ环境

微信已停止访问该网页解决方法分享

由于微信限制比较严格,域名一不小心就被判定是诱导分享的。所以,公司内部决定调研一套稳定、快速、正确率高的微信域名拦截检测查询接口。开发组尝试谷歌搜索了一段时间,发现很少把源码及原理分享出来的。后来我们摸索了几天

微信JS支付代码 前端调用微信支付接口

跟大家分享一段微信支付的js代码片段、V3版的微信支付没有paySignKey参数、基本上是直接复制就可以使用了、改一改自己的参数就好了

记录一次开发微信网页分享

最近在做一个项目需求,分享领好书活动,获取用户的个人信息以及unionID,并诱导用户分享给好友或朋友圈,达到裂变拉新的目的。在做的过程中遇到了一些坑的地方,所以回过来总结一下

QQ/微信里域名经常被举报二屏蔽?微信/QQ屏蔽域名举报按钮的实现方式

近很多老哥问我,为啥自己的域名在QQ/微信里面很容易被封?1、页面里面的内容违规或者诱导被举报而导致的拦截;2、用户和同行举报;3、腾讯等定期会检查;

微信内打开外部默认浏览器下载app

使用微信打开网址时,对于安卓端而言无法打开常用下载软件,手机APP等。大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口打开。 但是我们基于微信接口开发了一款全新的手机端微信中推广助手,用户在微信中点击的话

推荐几款常用的微信公众号排版工具

作为一个新媒体小编,我们常接触的几个工具,莫过于排版、素材、图片这几个了。今天天天主要是想给大家介绍几款我常用的微信排版工具,希望对大家有用。

微信h5 input输入框软键盘关闭后,页面无法回到正常位置

在ios微信里面打开h5页面,当遇到input输入框调出软键盘时候。用户输入完成失去焦点,键盘收回后,会发现input输入框的位置发现变化的情况。这里需要监听失焦事件

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全运营推广