使用引流公众号组件,你需要知道这些

小程序又开放一项新能力,就是可以在小程序里面引导关注公众号,那以前是怎么做公众号导流的呢?由于小程序里面无法直接识别二维码,只能提示用户保存公众号二维码,然后微信再扫码关注。从整个流程来看是很漫长,而且复杂的。

那现在好了,小程序里可以直接导流到公众号了:

开发文档如下:

注意:要能使用这个组件,必须按照红色标注的地方所说到小程序里面去设置要关注的公众号。

除了上面官方给出的一些注意点,我再给一些建议和“坑点”:

1.开发者工具暂时没有跟进此项功能:

就算我设置了对应的场景值,依旧没有引导关注的组件。

2.在设置包裹该组件的样式时,最好不要有padding值:

<view class="ucenter-item">
     <official-account></official-account>
</view>
.ucenter-item {
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    background-color: #fff;
}

结果如下,看似挺好:

可是当没有改组件时,毕竟只有在某些场景下才会出现该组件:

如上图红色部分,在没有组件时就会留下一块空白,所以我们得做好两种状态下,最好不要影响页面布局。最后我选择如下布局:

<view style="position:fixed;bottom:0;z-index:10;width:100%;display:flex;justify-content: center;">
    <official-account></official-account>
</view>

另外再说一点:在设置position:fixed之后,默认情况下组件是被广告遮挡的,所以最好加个z-index的属性。

原文发布于微信公众号 - 前端黑板报(FeHeiBanBao)

原文发表时间:2018-09-21

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏BestSDK

如何模仿网易新闻客户端,动态加载启动页面

编辑导语 不管是原生开发(iOS)还是APICloud开发的APP,都是不能在打包后修改启动图的,除非你的APP重新打包升级更新,以跟换启动图。 启发思路: 既...

39710
来自专栏IMWeb前端团队

RAIL简介:一个以用户为中心的性能模型

本文作者:IMWeb huscot 原文出处:IMWeb社区 未经同意,禁止转载 web性能优化,这是大家耳熟能详的东西了。 一说到性能优化,大家可能...

2427
来自专栏非著名程序员

Kotlin 实现仿开眼 App

开眼视频是一款精品短视频日报应用,该项目是用kotlin,借助已知的一些开眼接口写的一个仿《开眼App》,主要是为了学习kotlin和一些UI效果。 GitHu...

2318
来自专栏服务端技术杂谈

聊聊Web App、Hybrid App与Native App的设计差异

目前主流应用程序大体分为三类:Web App、Hybrid App、 Native App。 ? 一、Web App、Hybrid App、Native App...

3448
来自专栏用户2442861的专栏

前端工程——基础篇

https://github.com/fouber/blog/issues/10#issuecomment-271133674

901
来自专栏Debian社区

谷歌删除Chrome应用板块 2018年全面停用

日前,虽然 谷歌 宣布消灭Chrome浏览器的应用已经过去一段时间,也的确有一部分应用转换成了插件,但谷歌似乎一直没有采取相应的行动。但在近日,该公司却突然动手...

1013
来自专栏企鹅号快讯

UI前端同学回来抢经验,react native开发实战五部曲的实战与锤炼,咬牙学完保证变大牛!

背景 现在很多移动项目全都专项纯rn开发,对于rn的应用趋势不言而喻,学习一些rn的语法并不是十分困难,但是如何在项目中灵活运用,增加实战项目经验,这还是比较困...

4806
来自专栏知晓程序

技术开发者怎么看微信小程序?值得一试,但……

1583
来自专栏顶级程序员

2016年你应该学习的语言和框架

2015年,软件开发界发生了很多变化。有很多流行的新语言发布了,也有很多重要的框架和工具发布了新版本。下面有一个我们觉得最重要的简短清单,同时也有我们觉得值得你...

38914
来自专栏腾讯移动品质中心TMQ的专栏

腾讯TMQ在线沙龙回顾|UI自动化中阶思考与实践

UI自动化中阶思考与实践 活动时间:2017年4月17日 QQ群视频交流 活动介绍:TMQ在线沙龙第十九期分享活动 本次分享的主题是:UI自动化中阶思考与实践 ...

2889

扫码关注云+社区

领取腾讯云代金券