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

2018 年 9 月 20 日 前端黑板报

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


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



开发文档如下:

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


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


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的属性。


目前5000+人已关注加入我们

       

       

登录查看更多
0

相关内容

【2020新书】使用高级C# 提升你的编程技能,412页pdf
专知会员服务
60+阅读 · 2020年6月26日
【干货书】流畅Python,766页pdf,中英文版
专知会员服务
226+阅读 · 2020年3月22日
Python数据分析:过去、现在和未来,52页ppt
专知会员服务
102+阅读 · 2020年3月9日
模型压缩究竟在做什么?我们真的需要模型压缩么?
专知会员服务
28+阅读 · 2020年1月16日
转岗产品经理,花了3个月都做不好需求工作
人人都是产品经理
10+阅读 · 2019年9月16日
Linux挖矿病毒的清除与分析
FreeBuf
14+阅读 · 2019年4月15日
使用 C# 和 Blazor 进行全栈开发
DotNet
6+阅读 · 2019年4月15日
教你实现超流行的骨架屏预加载动态效果
IMWeb前端社区
73+阅读 · 2018年11月27日
我是一个爬虫
码农翻身
12+阅读 · 2018年6月4日
一份数据科学家必备的技能清单(附资源)
THU数据派
7+阅读 · 2018年5月29日
教你用Python来玩跳一跳
七月在线实验室
6+阅读 · 2018年1月2日
码农日常工具推荐
架构文摘
4+阅读 · 2017年9月26日
OCR 哪家强?反正我觉得这个工具是厉害的不得了。
高效率工具搜罗
4+阅读 · 2017年7月3日
Learning to See Through Obstructions
Arxiv
7+阅读 · 2020年4月2日
Arxiv
24+阅读 · 2020年3月11日
Arxiv
102+阅读 · 2020年3月4日
Arxiv
92+阅读 · 2020年2月28日
Factor Graph Attention
Arxiv
6+阅读 · 2019年4月11日
VIP会员
相关资讯
转岗产品经理,花了3个月都做不好需求工作
人人都是产品经理
10+阅读 · 2019年9月16日
Linux挖矿病毒的清除与分析
FreeBuf
14+阅读 · 2019年4月15日
使用 C# 和 Blazor 进行全栈开发
DotNet
6+阅读 · 2019年4月15日
教你实现超流行的骨架屏预加载动态效果
IMWeb前端社区
73+阅读 · 2018年11月27日
我是一个爬虫
码农翻身
12+阅读 · 2018年6月4日
一份数据科学家必备的技能清单(附资源)
THU数据派
7+阅读 · 2018年5月29日
教你用Python来玩跳一跳
七月在线实验室
6+阅读 · 2018年1月2日
码农日常工具推荐
架构文摘
4+阅读 · 2017年9月26日
OCR 哪家强?反正我觉得这个工具是厉害的不得了。
高效率工具搜罗
4+阅读 · 2017年7月3日
相关论文
Learning to See Through Obstructions
Arxiv
7+阅读 · 2020年4月2日
Arxiv
24+阅读 · 2020年3月11日
Arxiv
102+阅读 · 2020年3月4日
Arxiv
92+阅读 · 2020年2月28日
Factor Graph Attention
Arxiv
6+阅读 · 2019年4月11日
Top
微信扫码咨询专知VIP会员