codecamp

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

follow-swan 关注小程序组件

解释:

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

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

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

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

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

属性说明

属性名 类型 默认值 必填 说明 最低版本
size String default 组件大小 3.170.12
type String primary 组件样式 3.170.12

size有效值

说明
default 默认大小
normal 大尺寸

type有效值

说明
primary 未关注时蓝色,关注后变成白色
default 白色
none 线性,背景色透明

示例 

在开发者工具中打开


图片示例


代码示例

<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、手机号、微信均可)

使用规范

第一项【页面设计】规范

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

第二项【交互逻辑】规范

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


百度智能小程序 点赞
百度智能小程序 一站式互动
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

百度智能小程序开发文档

百度智能小程序 组件

百度智能小程序 地图

百度智能小程序 画布

百度智能小程序 API

百度智能小程序 界面

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

百度智能小程序 自定义组件

百度智能小程序 媒体

百度智能小程序 设备

百度智能小程序 拨打电话

百度智能小程序 内存警报

百度智能小程序 手机联系人

百度智能小程序 用户截屏事件

百度智能小程序 第三方平台

百度智能小程序 开放接口

百度智能小程序 百度收银支付

百度智能小程序 分包预下载

百度智能小程序 数据分析

百度智能小程序 服务端

百度智能小程序 云开发

百度智能小程序 初始化

百度智能小程序 云函数

百度智能小程序 服务端初始化

百度智能小程序 服务器获取上下文

百度智能小程序 服务端云函数

百度智能小程序 开发教程

百度智能小程序 功能开发

百度智能小程序 基本原理

百度智能小程序 小程序自动化

百度智能小程序 视频教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }