【原创】兔源码教您如何实现微信分享带网站标题、图片或logo、描述-Discuz教程下载

登录/ 注册
站长工具
 找回密码
 立即注册
QQ登录
搜索
返回列表 发新帖

【原创】兔源码教您如何实现微信分享带网站标题、图片或logo、描述

来自版块: Discuz教程发表于: 2020-5-12 09:23:11
19990
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员，全站资源免费下
1、首先您需要一个已认证微信公众号（如果没有，请直接放弃！）

2、下载jssdk.zip文件存放在网站根目录
亲爱的游客您好，请 登录 后进行 回复
3、将如下代码放置到不同页面，如各门户首页、门户文章列表页、门户文章内容页、论坛首页、论坛版块、论坛帖子页。（不同页面调用不同的代码，这里以门户为主，论坛的请自行解决！）
  1. <!--{eval
  2. require_once "./jssdk/jssdk.php";
  3. $jssdk = new JSSDK("wx6927827c6bd915c3", "a9bbc9f353c34fc05b12de2dddc8a104");
  4. $signPackage = $jssdk->GetSignPackage();
  5. }-->
  6. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  7. <script type="text/javascript">
  8.     // 自定义微信分享内容
  9.     wx.config({
  10.         debug: false, // 关闭或者打开调试
  11.         appId: '<!--{eval echo $signPackage["appId"]}-->',
  12.         timestamp: '<!--{eval echo $signPackage["timestamp"]}-->',
  13.         nonceStr: '<!--{eval echo $signPackage["nonceStr"]}-->',
  14.         signature: '<!--{eval echo $signPackage["signature"]}-->',            
  15.         jsApiList: [
  16.             'onMenuShareTimeline',
  17.             'onMenuShareAppMessage',
  18.             'onMenuShareQQ',
  19.             'onMenuShareWeibo',
  20.             ]
  21.             });
  22.    wx.ready(function(){
  23.     // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
  24.     wx.onMenuShareTimeline({
  25.         title: '<!--{eval echo $navtitle;}-->', // 分享标题
  26.         desc: "<!--{if !empty($navtitle)}-->$navtitle<!--{/if}-->", // 分享描述
  27.         link:"<!--{eval echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];}-->",   // 分享链接
  28.         imgUrl: "https://m.ps-boat.com/favicon.png", // 分享图标
  29.     });

  31.     // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
  32.     wx.onMenuShareAppMessage({
  33.         title: '<!--{eval echo $navtitle;}-->', // 分享标题
  34.         desc: "<!--{if !empty($navtitle)}-->$navtitle<!--{/if}-->", // 分享描述
  35.         link:"<!--{eval echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];}-->", // 分享链接
  36.         imgUrl: "https://m.ps-boat.com/favicon.png", // 分享图标
  37.         type: 'link', // 分享类型,music、video或link，不填默认为link
  38.     });
  39. });
  40. </script>
复制代码
<!--{eval echo $navtitle;}-->  调用门户首页标题代码
<!--{if !empty($navtitle)}-->$navtitle<!--{/if}-->  调用门户、频道描述代码
<!--{eval echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];}-->  调用网址通用代码
亲爱的游客您好，请 登录 后进行 回复


分享到QQ空间、QQ好友的请查看：
https://www.tuyuanma.com/news_8821_1_4
原创，微信，分享，网站，标题，图片，logo，描述

举报

全部评论 0

期待你的评论哦~

教程 / CSS+DIV素材

  • Discuz教程
  • CSS+DIV素材

所属版块

返回版块

您需要登录后才可以回帖 立即登录
登录
0
0
0

©2015-2022 www.tuyuanma.com 版权所有 Sitemap.xml

本站内容皆来自网络分享，如有侵权请联系我们处理。

赣公网安备36112102000036号 赣ICP备17001544号-10

联系邮箱：tuyuanma@qq.com 联系QQ：3197813386

返回顶部