PHP+微信分享自定义小图标

微信分享以后的小图标如下图:

<script>
document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
window.shareData = {
"imgUrl": "<?php if(stripos(‘y‘.$detail[‘start_picurl‘], ‘http://‘)!=1){echo $Think.config.HTTP_STCDOMIN;}echo $detail[‘start_picurl‘];?>",
"timeLineLink": "{$Think.config.HTTP_DOMIN}?g=app&m=fruit&id={$Think.get.id}&wid={$Think.get.wid}&user=",
"sendFriendLink": "{$Think.config.HTTP_DOMIN}?g=app&m=fruit&id={$Think.get.id}&wid={$Think.get.wid}&user=",
"weiboLink": "{$Think.config.HTTP_DOMIN}g=app&m=fruit&id={$Think.get.id}&wid={$Think.get.wid}&user=",
"tTitle": "{$detail.a_name}",
"tContent": "亲,请点击进入摇摇乐页面,快来参加活动吧!~",
"fTitle": "{$detail.a_name}",
"fContent": "亲,请点击进入摇摇乐页面,快来参加活动吧!~",
"wContent": "亲,请点击进入摇摇乐页面,快来参加活动吧!~"
};
// 发送给好友
WeixinJSBridge.on(‘menu:share:appmessage‘, function (argv) {
WeixinJSBridge.invoke(‘sendAppMessage‘, {
"img_url": window.shareData.imgUrl,
"img_width": "640",
"img_height": "640",
"link": window.shareData.sendFriendLink,
"desc": window.shareData.fContent,
"title": window.shareData.fTitle
}, function (res) {
_report(‘send_msg‘, res.err_msg);
})
});

// 分享到朋友圈
WeixinJSBridge.on(‘menu:share:timeline‘, function (argv) {
WeixinJSBridge.invoke(‘shareTimeline‘, {
"img_url": window.shareData.imgUrl,
"img_width": "640",
"img_height": "640",
"link": window.shareData.timeLineLink,
"desc": window.shareData.tContent,
"title": window.shareData.tTitle
}, function (res) {
_report(‘timeline‘, res.err_msg);
});
});

// 分享到微博
WeixinJSBridge.on(‘menu:share:weibo‘, function (argv) {
WeixinJSBridge.invoke(‘shareWeibo‘, {
"content": window.shareData.wContent,
"url": window.shareData.weiboLink,
}, function (res) {
_report(‘weibo‘, res.err_msg);
});
});
}, false)
</script>

时间: 2024-10-11 16:43:12

PHP+微信分享自定义小图标的相关文章

微信分享自定义标题和图片的js

<script> document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { window.shareData = { "timeLineLink": "http://nianshao.uuzee.com/", "sendFriendLink": "http://nianshao.uuzee.com/", "wei

微信分享自定义图片标题摘要

我们平时在使用微信内置浏览器打开网页想要分享给好友或者发到朋友圈的时候经常会遇到这样的问题, 别人的网页分享的时候是这样的: 而我们自己的网页分享后这这样的: 看到有人说不做任何设置,微信分享时会自动抓取网页中的Title作为标题,IP地址作为概述,网页的第一个大小小于300*300的图片会作为分享中的图片,但是除了标题和概述可以,图片怎么设置分享后图片都是上图灰色的曲别针图案,所以今天来说一下如果自定义图片,标题和概述. 要实现上述功能需要使用微信官方的SDK,具体步骤如下: 第一步:微信公众

微信分享自定义图片标题摘要-微信官方API

我们平时在使用微信内置浏览器打开网页想要分享给好友或者发到朋友圈的时候经常会遇到这样的问题, 别人的网页分享的时候是这样的: 而我们自己的网页分享后这这样的: 看到有人说不做任何设置,微信分享时会自动抓取网页中的Title作为标题,IP地址作为概述,网页的第一个大小小于300*300的图片会作为分享中的图片,但是除了标题和概述可以,图片怎么设置分享后图片都是上图灰色的曲别针图案,所以今天来说一下如果自定义图片,标题和概述. 要实现上述功能需要使用微信官方的SDK,具体步骤如下: 第一步:微信公众

微信分享自定义图片和摘要

参考: 微信分享实现 微信现在是众多公司营销的重点.遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新了官方api后,对整个微信内的页面管控都严格了不少.而官方的分享卡片,是众多在微信生态中传播的html5静态页面的一个重点.不过很多人会发现分享的图片和摘要达不到预期.这篇文章就讲下这个,供初次接触微信开发的前端参考.(其实官方的文档也蛮详细的了,不过有些地方官方没忽略了,容易给新人造成坑) 必要的前提准备 PS:本文的方法只适合6.0.2.58以及更高版本的微信客户端.旧

sench touch 自定义小图标(转)

自定义图标的方法 Sencha touch自带图标有限,有时需要自己添加图标.下面介绍自定义图标的方法: 首先需要生成图标字体.有许多网站提供在线生成图标字体的功能,比如IcoMoon,通过这个网站,你可以选择自己需要的图标,然后打包下载下来. 1.进入IcoMoon,看到如下图的页面,点击"Custom Built and Crisp Icon Fonts, Done Right" 2.选择需要的图标,点击下面的"Font>",即生成字体 3.点击"

微信分享自定义设置Title与Desc

前端Js引用: 1 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 2 <script> 3 function wxconfig(data) { 4 wx.config({ 5 // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印. 6 debug: fals

&lt;转载&gt;如果在浏览器网页标题栏左侧加自定义小图标

效果如下: 首先制作一个16*16像素的ico格式的图片,命名为:favicon.ico,然后在网站head标签直接加入: <link rel="icon" href="图片路径" type="image/x-icon" /> <link rel="shortcut icon" href="图片路径" type="image/x-icon" />

EasyUI portal自定义小图标,不是用js方式加载

<script src="~/Scripts/jquery.portal.js"></script> <script> $(function () { $('#pp').portal({ border: false, fit: true }); </script> <div id="pp" style="position:relative"> <div style="wi

微信内部网页的分享自定义实现

前言 鉴于上个月连续做了几个银行的活动宣传页面,涉及到了分享的图标与标题显示问题. 在目前微信版本为6.0的情况下,分享微信内部的文章有两种结果链接情况: 1.通过微信自身的单多图文发送的文章:链接会通过微信内部发布和出来,此时的分享链接为单多图文的默认图片:                    可以看到第二张分享给朋友分别用了图文信息的:图标,标题,以及摘要:而分享到朋友圈只有图标跟正文标题:下面看一下直接通过微信内部链接跳转的网页分享 是什么情况:           可以看到留下的仅仅是