为了账号安全,请及时绑定邮箱和手机立即绑定

如何制作微信图文链接?微信图文链接生成

2019.11.29 18:52 242浏览

微信图文链接,可设置个性化的分享图片、标题、描述等,那么如何制作微信图文链接呢?众所周知微信图文链接会使分享的内容更生动有趣,更容易获得良好的传播效果,相较于裸链接,图文链接更具有吸引力,今天就给大家介绍一下微信图文链接的生成方法!

 

微信图文链接与普通链接

普通链接

http://img2.mukewang.com/5de0f8bb0001106805530244.jpg

微信图文链接

http://img3.mukewang.com/5de0f8d90001bf5a06280413.jpg

 

很明显能看到,图文链接无论是美观程度还是信息曝光率都要完胜普通链接,对于微信营销的商家的来说,图文链接带来的转化率要优于普通链接很多。

 

如何制作图文链接?

方法1:使用wecard

1、官网链接

http://www.w1card.cn

2、需准备材料

准备链接+自定义的标题+自定义的内容+缩略图即可自动生成。

 

方法2:对接公众号

1、需准备材料

① 微信认证过的公共号

必须是认证过的,未认证或者认证过期都不行

② 一个域名

需要备案过的 

③ 一台服务器

因为前端页面需要的appId、signature是需要后台传递过来的。官方默认后台程序有PHP、Python、Node、Java版本,不过我这里以PHP作为演示

 

2、配置过程 

①  绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”(就是发布用的那个域名) 

②  获取access_token

这部分工作属于后台开发,主要功能是利用公共号APPIDAPPSECRET从微信服务器获取对应的access_token。由于这部分代码官方有demo,所以直接用官方的sample例子做演示。

下载官方示例代码后,根据自己的情况选择对应的后台语言(这里以PHP为例)。将下载得到的压缩包解压后复制php文件夹到网站根目录,然后将需要分享出去的html文件的后缀名改为.php(必须。因为后台不完善所以不能直接ajax获得access_token的值,这里假设需要分享的html页面是index.php)

 

打开index.php,在html的DOCTYPE声明之前添加一段PHP代码:

<? "../php/jssdk.php"; =  JSSDK("你的APPID", "你的APPSECRET" = ->?>


3、前端配置验证权限

这里是前端的工作,主要是利用前一步得到的access_token来获取签名等认证信息,只有正确的配置才可以正常获取到使用官方js-sdk的权限。

① 引入JS文件

在index.php文件里添加一个script标签,引用官方js:

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

② 通过config接口注入权限验证配置

<script>,
        appId: '<?php echo $signPackage["appId"];?>''<?php echo $signPackage["timestamp"];?>''<?php echo $signPackage["nonceStr"];?>''<?php echo $signPackage["signature"];?>'
            'checkJsApi''onMenuShareTimeline',            'onMenuShareAppMessage''onMenuShareQQ''onMenuShareWeibo'</script>


③ 配置分享信息并通过ready接口处理 

<script>="share""imgUrl": "http://www.yourwebsite.com/share.png",
        "desc" : "你对页面的描述",
        "title" : '分享卡片的标题',
        "link": window.location.href,
        "success":(){'cancel': 
    wx.onMenuShareTimeline(share_config.share);
    wx.onMenuShareQQ(share_config.share);</script>


到这里就配置完成,正常情况下的话分享出去就会有摘要和分享图了。

点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消