用户在搜索”在线P图“”在线抠图换背景“时,搜索结果页会展现左图右文卡片,用户可在结果页查看,在线抠图功能的图文介绍,并点击图文结构跳转至在线抠图的落地页。或点击卡片标题跳转至落地页查看更多功能。
智能小程序需要支持用户选择上传图片,在线抠图,小程序应该支持一键傻瓜抠图和专业抠图,应支持将人物或物体一键智能扣出,并且可以对抠图边界进行手动微调。用户还可以对扣下来的人像图片与其他图片进行合成,如添加其他图片作为背景和文字的编辑功能。智能小程序应提供多套背景模版供用户与人像进行合成,如油画背景、早安晚安、亲友祝福等高频场景。整体交互流畅,易用性佳,无导致用户困惑的交互问题。
该样式会随着位置进行变化,当卡片在首位时,该样式为大图+文字介绍,当卡片不在首位时,该样式为左图右文。
如果你有优质的智能小程序适合接入这个类目的卡片,可立即申请接入
示意图
首位样式
非首位样式
需要注意:卡片的位置会自动根据用户的行为数据进行调整,我们希望与开发者一起致力于提升卡片的用户体验,以保证卡片在搜素结果页中展现位置靠前
intent 上传接口
当前资源 intent 意图参数
| key | 类型 | 含义 | 示例/说明 |
| ———–| —— | —— | ——— |
| tool_name | string | P图工具,服务类型 |可选,如:扣图,人像合成 |
需要注意:提交的intent必须与返回的数据及智能小程序提供的服务相吻合
需要注意:为满足泛需求召回,需添加一个空的intent
通过平台上传 txt 文件
txt 文件的具体要求参见接入流程-上传 Intent 数据
当前资源分类 txt 上传文件内容示例如下:
1 | {"tool_name":"扣图"} |
通过开放 API 上传
详细接入方式参见API上传方式
发送给 webhook 的请求
公共字段
key | 类型 | 含义 | 示例/说明 |
---|---|---|---|
type | string | 请求类型 | 在小程序阿拉丁下永远为 “sp_ala” |
surface | string | 搜索场景 | mobile: 支持小程序的移动搜索,web_h5: 支持 H5 的移动搜索 |
srcid | string | 资源编号 | 每个资源分类不同 |
intent | object | 搜索意图参数 | JSON 对象,每个资源分类不同 |
当前资源 srcid 资源编号
key | 类型 | 含义 | 设定 |
---|---|---|---|
srcid | string | 资源编号 | 48141 |
当前资源的 intent 参数参考上节 “intent 上传接口“。
用户进行搜索时,百度会对开发者提交的intent和用户需求进行匹配,然后将能和用户需求匹配的intent发给开发者,开发者需要根据每个intent代表的用户意图来返回相应的卡片数据以及智能小程序落地页
举例:发送给 webhook 的 JSON (解密后)
1 | { |
从 webhook 返回的结果
外层通用数据字段
key | 类型 | 含义 | 示例/说明 |
---|---|---|---|
status | integer | 结果状态码,0 代表正确,1 代表无结果, 2 代表请求参数错误,3 代表内部服务错误 |
0 |
msg | string | 出错消息,当非 0 时提供 | “” |
data | object | 要返回的资源数据内容 | JSON 对象,每个资源分类不同 |
从 webhook 返回的结果
外层通用数据字段
key | 类型 | 含义 | 示例/说明 |
---|---|---|---|
status | integer | 结果状态码,0 代表正确,1 代表无结果, 2 代表请求参数错误,3 代表内部服务错误 |
0 |
msg | string | 出错消息,当非 0 时提供 | “” |
data | object | 要返回的资源数据内容 | JSON 对象,每个资源分类不同 |
当前资源分类的data
object字段内容
key | 类型 | 要求 | 说明 |
---|---|---|---|
category | string | 必选 | 类目名称,固定为:在线P图 |
jump_url | string | 必选 | 点击卡片标题的跳转链接地址,跳转至能够提供该工具服务的落地页,落地页内容必须与结果页卡片保持高度一致,不得有与所提供的工具服务无关的信息。该字段需返回 H5 或智能小程序页面路径,如果收到的 surface 请求是 mobile,请返回小程序路径,如果收到的 surface 请求是 web_h5,请返回 H5 路径,例如:“/page/of/target”(以/开头,不含域名),若跳转至 H5 或智能小程序首页(无路径),则需要返回“/?from=baidu”。 |
tags | array | 可选 | 横滑Tag 列表,最少2个,最多10个。tag是对工具内容的分类,tag下的内容应默认和第一个tag对应,而第一个tag必须和intent(即用户搜索意图)相对应 |
tags.text | string | 可选 | tag文案,最短1个字符,最长6个字符 |
tags.url | string | 可选 | tag链接地址。如:“/page/of/target”。tag链接的落地页的内容要和tag文案相对应 |
poster | string | 必选 | 卡片在首位展示时的大图,16:9高清图片,以“https”开头的图片链接。图片需展示工具的主要功能,优势特色等必要的信息,视情况还需有按钮等元素来吸引用户点击。 |
description | string | 必选 | 对工具的描述,45—80个字。卡片在首位时能显示70个字左右,卡片不在首位时能显示50个字左右,所以文案设计时应该先优先将重要信息写在前面。工具描述介绍工具的主要功能、特色及优势,用有限的字数尽可能向用户传达清楚工具的相关信息,并尽可能地有吸引力。 |
headline | string | 必选 | 卡片不在首位展现时的标题,不超过15个字。一句介绍工具的主要功能,如:在线生成专属名片 |
img | string | 必选 | 卡片不在首位展示时的左侧的图片,1:1高清图片,以“https”开头的图片链接。左侧图片主要展示工具的主要功能特色,需要保证图片上的文字信息等元素清晰可见 |
imgRatio | number | 必选 | 图片宽高比,三种样式:1:1、3:4、3:2,需要是海报或者影视书籍才能使用3:4 ; 1:1需要图片质量很好 且图片尺寸等于1:1。一般工具产品使用1:1的图片 |
labels | array | 必选 | 卡片不在首位时在卡片右侧展现的标签,最多三个 |
slink | array | 可选 | 子链列表,最少2个,最多3个。子链可以用来为工具的附加功能或者其他相关工具导流,要注意子链所导向的工具需要与用户诉求的工具有关联 |
slink.text | string | 可选 | 子链文案,最短1个字符,最长10个字符,例如:查看更多 |
slink.url | string | 可选 | 子链跳转链接,如:“/page/of/target” |
举例:从 webhook 返回的 JSON (加密前)
1 | { |