从这里开始

本代码完成了所有与微信交互的工作。
例如 JSSDK、网页授权等功能。
如果您的代码中已经实现了相关逻辑,请删除后再添加监测代码,调用我们相关接口即可。

您可以复制此模板,开始开发。

<!DOCTYPE html>
<meta charset="utf-8">
<html>
  <head>
    <title>SocialMaster H5 Template</title>

    <!-- jquery或zepto 依赖 -->
    <script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- 微信JSSDK -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- SocialMasterH5监测通用代码 -->
    <script src="http://page.socialmaster.com.cn/lib/wx.min.js"></script>
    <!-- 非必须引用, 帮助检查常见错误 -->
    <script src="http://page.socialmaster.com.cn/lib/wx-check.js"></script>
  </head>
  <body>
    <h1>SocialMaster H5 Demo</h1>

    <script>
        SM_TRACK.DEBUG = false; // 可设置为 true 以调试

        /* 请修改以下文字和图片,定制分享文案 */
        SM_TRACK.setTimeLine({
          title: '分享到朋友圈时显示的标题',
          imgUrl: 'http://f.cdnmaster.com/upload/2015-06-16/1434422657899.jpg'
        });
        SM_TRACK.setAppMessage({
          title: '分享给好友时显示的标题',
          imgUrl: 'http://f.cdnmaster.com/upload/2015-06-16/1434422657899.jpg',
          desc: '分享给好友时显示的摘要'
        });
        SM_TRACK.setQQ({
          title: '分享到手机QQ时显示的标题',
          imgUrl: 'http://f.cdnmaster.com/upload/2015-06-16/1434422657899.jpg',
          desc: '分享到手机QQ时显示的摘要'
        });
    </script>

  </body>
</html>

代码详解

1. 引入依赖库

监测代码依赖 jQuery/Zepto, 可任选一个引入。

<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<script src="http://cdn.staticfile.org/zepto/1.1.4/zepto.min.js"></script>

若您的网站中已经引入,请跳过此步。注意,请不要重复引入 jQuery。

2. 引入通用监测代码

在所有需监测页面中添加如下代码:

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://page.socialmaster.com.cn/lib/wx.min.js"></script>
<script src="http://page.socialmaster.com.cn/lib/wx-check.js"></script>

此代码应位于 </body> 之前。 wx-check.js 检查到错误后会以alert的方式给出提示, 当调试完毕的时候也可以去掉。

3. 配置分享文案和图片

SM_TRACK.DEBUG = false; // 可设置为 true 以调试

/* 请修改以下文字和图片,定制分享文案 */
SM_TRACK.setTimeLine({
  title: '分享到朋友圈时显示的标题',
  imgUrl: 'http://f.cdnmaster.com/upload/2015-06-16/1434422657899.jpg'
});
SM_TRACK.setAppMessage({
  title: '分享给好友时显示的标题',
  imgUrl: 'http://f.cdnmaster.com/upload/2015-06-16/1434422657899.jpg',
  desc: '分享给好友时显示的摘要'
});
SM_TRACK.setQQ({
  title: '分享到手机QQ时显示的标题',
  imgUrl: 'http://f.cdnmaster.com/upload/2015-06-16/1434422657899.jpg',
  desc: '分享到手机QQ时显示的摘要'
});

此代码应位于 </body> 之前。

添加以上代码后,请进入「域名绑定」

results matching ""

    No results matching ""