百度智能小程序 关注小程序组件

follow-swan 关注小程序组件

解释：

1、关注小程序button组件可帮助开发者实现用户对小程序的关注。用户通过本组件“关注小程序”后，可以在“百度 APP-我的”中找到我的小程序。

2、开发者可自定义使用组件的场景、样式等，但需符合一定规范，具体规范见下方使用规范。

3、本功能支持最低版本为3.170.12，因在开发者工具中无法获取关注态，建议使用真机调试。

4、本功能暂未全量开放，需申请后接入，具体申请流程见下方申请流程，名额有限，先到先得。

5、设计文档详见：如何吸引用户关注。

属性说明

size有效值

type有效值

示例 

在开发者工具中打开

图片示例

代码示例

<view class="wrap">
    <view class="card-area">
        <view class="tip-strong">
            该能力暂未全量开放，需申请后使用，且基础库 3.170.1 版本开始支持。
        </view>
        <view class="top-description border-bottom">
            按钮样式
        </view>
        <form bindsubmit="addsubscribe" report-submit="true">
            <view class="button-box">
                <view class="button-box-inner" s-for="item in followData" >
                    <follow-swan size="default" type="{{item.type}}"/>
                    <text class="button-box-text">
                        {{item.type}}
                    </text>
                </view>
            </view>
        </form>
    </view>
</view>

Page({
    data: {
        followData: [
            {
                type: 'primary'
            },
            {
                type: 'default'
            },
            {
                type: 'none'
            }
        ]
    }
});

申请流程

发送邮件至 follow-test@baidu.com，邮件模板如下，百度侧收到邮件后，48小时会完成审核并回复邮件。

申请邮件模板：

【标题】XXX（小程序名称）关注组件接入申请

【正文】需包括

1）小程序基本信息：名称+APPID

2）预计接入位置：可附相关页面截图/描述路径，如放在支付完成后页面、放在文章底部

3）预计上线时间：

4）对接人联系方式（QQ、手机号、微信均可）

使用规范

第一项【页面设计】规范

同一小程序单页面内不可设置多个关注组件按钮。不可遮挡页面内容，不可设置浮窗悬浮于页面之上。组件为按钮样式，支持颜色、圆角、字色修改， 但不可设置成特殊图形（如三角形 、六边形等）。

第二项【交互逻辑】规范

不可干扰用户正常使用小程序，如必须先关注才可继续浏览页面、进行下一步操作、使用小程序内的服务等。不可出现违规作弊行为，如用户无感知情况下静默关注、点击关注按钮跳转至其他网页等。如出现【页面设计】违规情况，将通知开发者下线组件三个工作日整改，三个工作日后如拒不整改将收回此组件功能权限，如出现【交互逻辑】 违规情况，一经巡查发现即刻永久禁封该组件功能权限，除以上使用规范外，开发者亦需遵循智能小程序平台运营规范，并根据组件功能使用情况不断更新迭代。