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

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

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

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

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


如何在公众号文章中添加小程序卡片_第1张图片

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

腾讯地图+小程序appID:wx7643d5f831302ab0


如何在公众号文章中添加小程序卡片_第2张图片

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

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


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

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

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


如何在公众号文章中添加小程序卡片_第3张图片


如何在公众号文章中添加小程序卡片_第4张图片


如何在公众号文章中添加小程序卡片_第5张图片

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

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

要填写的内容包括:

1) 小程序名称:腾讯地图+

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

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


如何在公众号文章中添加小程序卡片_第6张图片
文字内容自定义,点击后可以直接打开小程序


如何在公众号文章中添加小程序卡片_第7张图片
上传本地图片,点击后可以直接打开小程序


如何在公众号文章中添加小程序卡片_第8张图片
可编辑卡片名称及封面图,点击后可以直接打开小程序

腾讯地图支持的跳转小程序路径:(即点击打开小程序对应的页面)

小程序首页: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』

经纬度获取方式:

(1)打开:http://lbs.qq.com/tool/getpoint/index.html

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


如何在公众号文章中添加小程序卡片_第9张图片

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

文章示例:文章

你可能感兴趣的:(如何在公众号文章中添加小程序卡片)