如何在公众号文章中添加小程序卡片

2018-04-04 本文已影响7303人 haleyfang

在公众号中添加小程序卡片可以给阅读者更好的文章阅读体验，腾讯地图+小程序可以在文章内容中提供位置卡片和路线规划卡片，适用于各类含有地点信息的文章推文。

绑定腾讯地图+小程序的方法如下：

第一步：公众号绑定小程序

打开微信公众号后台，选择「设置 - 公众号设置」，在「相关小程序」一栏点「查看」，你就会看到下面的页面。

选择「关联小程序」后，微信公众号运营者用手机扫码进行认证，并输入小程序的 AppID 即可。

腾讯地图+小程序appID：wx7643d5f831302ab0

在这里，可以选择是否要把小程序放到公众号资料页，以及是否要给公众号用户发送通知。

如果你选择了发送通知，那么在小程序接受关联邀请后，公众号的关注者们就会收到一条模板消息，点击这条消息，就能打开小程序了。

第二步：在公众号文章中添加小程序

1. 在右边选择’新建图文素材’或者修改图文素材；

2. 在公众号文章中找到要插入小程序的位置，然后点击右边的’小程序’

3. 选择关联好的腾讯地图+小程序，并点过‘下一步’

4. 填写详细信息，点『确定』

要填写的内容包括：

1）小程序名称：腾讯地图+

2）小程序路径：这个是用户在文章里，点击链接后，跳转到小程序哪个页面。

3）选择展示方式：可选择文字、图片或小程序卡片

文字内容自定义，点击后可以直接打开小程序

上传本地图片，点击后可以直接打开小程序

可编辑卡片名称及封面图，点击后可以直接打开小程序

腾讯地图支持的跳转小程序路径：（即点击打开小程序对应的页面）

小程序首页：pages/index/index

小程序路线页：点击后打开用户当前位置到该POI点的路线，需要手动获取POI点的参数

拼接规则：pages/multiScheme/multiScheme?endLoc={“name”:"xxxxxxx","location":{"lat":xxxxxxxxx,"lng":xxxxxxxx}}&qbMode=0

需要获取填入的内容如下：

（1）name：POI的名称，如『中国技术交易大厦』

（2）location：POI的经纬度，如『”lat":39.998213,"lng":116.322631』

经纬度获取方式：

（2）输入位置点名称，点击搜索，选择POI后，在坐标一栏中显示POI的location，前面的是lat，后面的是lng

示例文章：https://mp.weixin.qq.com/s/IsusFgn5TlvpglWoUG6KrQ

文章示例：文章