小程序又开放一项新能力,就是可以在小程序里面引导关注公众号,那以前是怎么做公众号导流的呢?由于小程序里面无法直接识别二维码,只能提示用户保存公众号二维码,然后微信再扫码关注。从整个流程来看是很漫长,而且复杂的。
那现在好了,小程序里可以直接导流到公众号了:
开发文档如下:
注意:要能使用这个组件,必须按照红色标注的地方所说到小程序里面去设置要关注的公众号。
除了上面官方给出的一些注意点,我再给一些建议和“坑点”:
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的属性。