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


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


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


开发文档如下:

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

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


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


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


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


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


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


<view class="ucenter-item">
    <official-account></official-account>
</view>


.ucenter-item {
   padding10px 10px 10px 10px;
   margin-bottom20px;
   background-color#fff;
}


结果如下,看似挺好:



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



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


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


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


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


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


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