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

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

作者: haleyfang | 来源:发表于2018-04-04 10:19 被阅读7303次

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

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

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

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

    选择「关联小程序」后,微信公众号运营者用手机扫码进行认证,并输入小程序的 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』

    经纬度获取方式:

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

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

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

    文章示例:文章

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/omtkhftx.html