百度小程序页面基础信息配置文档
页面基础信息
前言:最近在做多端小程序,bat加头条,百度和头条应该是最多坑的 ,比如百度小程序需要配置页面信息...
配置页面基础信息接口,目前仅支持 Web 化使用,推荐使用 setPageInfo 。
setMetaDescription/setMetaKeywords/setDocumentTitle 已停止维护。
swan.setPageInfo![](http://smartprogram.baidu.com/docs/img/h2_arrow.png)
建议在 Page 的 onShow 生命周期中使用。
解释:智能小程序可接入百度搜索和宿主 App 信息流,swan.setPageInfo 负责为小程序设置各类页面基础信息,包括标题、关键字、页面描述以及图片信息、视频信息等。开发者为智能小程序设置完备的页面基础信息,有助于智能小程序在搜索引擎和信息流中得到更加有效的展示和分发。
方法参数:Object object
object
参数说明:
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
title | String | 是 | - | 页面标题 |
keywords | String | 是 | - | 页面关键词,多个关键词之间使用英文逗号“,”隔开 |
description | String | 是 | - | 页面描述信息 |
releaseDate | String | 否(入宿主APP信息流为必填) | - | 原始发布时间(年-月-日 时:分:秒 带有前导零) |
articleTitle | String | 否 | - | 文章(内容)标题(适用于当前页面是图文、视频类的展示形式,文章标题需要准确标识当前文章的主要信息点;至少6个字,不可以全英文。) |
image | String/Array | 否(页面有焦点图,或者正文有图片时需要设置) | - | 图片线上地址,用于信息流/搜索等流量场景分发、用户收藏后的页面封面显示,展现时有图片可提升用户点击率。开发者可针对一个页面设置最多3张,图片必须为页面内图片。单图片最大2M;封面图尺寸:宽>=375px,高>=250px,图片宽高比例3:2为佳。多张图时,用数组表示。 |
video | Object/Array | 否(页面存在视频情况下必填) | - | 视频信息,多个视频时,用数组表示 |
visit | Object | 否 | - | 浏览信息。最低支持版本3.40.6。 |
likes | String | 否 | - | 点赞量,若页面未统计可为空。最低支持版本3.40.6。 |
comments | String | 否 | - | 评论量,若页面未统计可为空。最低支持版本3.40.6。 |
collects | String | 否 | - | 收藏量,若页面未统计可为空。最低支持版本3.40.6。 |
shares | String | 否 | - | 分享量,若页面未统计可为空。最低支持版本3.40.6。 |
followers | String | 否 | - | 关注量,若页面未统计可为空。最低支持版本3.40.6。 |
success | Function | 否 | - | 接口调用成功的回调函数 |
fail | Function | 否 | - | 接口调用失败的回调函数 |
complete | Function | 否 | - | 接口调用结束的回调函数(调用成功、失败都会执行) |
video 参数说明
参数名 | 类型 | 必填 | 说明 |
---|---|---|---|
url | String | 是 | 视频地址 |
duration | String | 是 | 视频时长(单位为秒) |
image | String | 是 | 视频封面图 |
visit 参数说明
参数名 | 类型 | 必填 | 说明 |
---|---|---|---|
pv | String | 否 | 页面的浏览量(不去重用户) |
uv | String | 否 | 页面的点击量(去重用户) |
sessionDuration | String | 否 | 页面的用户人均停留时长,以秒为单位。 |
说明
1、releaseData、articleTitle、image、video 、visit 内容用于宿主 APP 信息流抓取收录分发,并有助于搜索准确理解页面内容。
2、title字段搜索抓取用于当前页面,articleTitle 字段用于当前页面在宿主APP信息流中的标题展示。
3、当前页面包含视频信息时 video 为必填字段,url、duration、image为 video 的必填参数;如当前页面不包含视频信息,可不填写。
4、当前页面包含焦点图或者正文图片 image 为必填字段。
5、当前页面能够统计到用户分发、互动和时长等数据时,visit字段建议填写。开发者可根据页面实际统计的情况完善pv、uv、sessionDuration、likes、comments、collects、shares、followers字段,若页面不包含以上字段时,可不填写。
示例:
在开发者工具中预览效果
在 js 文件中
Page({onShow() {swan.setPageInfo({title: '晒元宵节活动红包,爱奇艺60张年卡、600张季卡等你拿!-百度贴吧',keywords: '百度,百度贴吧,好运中国年,60,晒元,宵节',description: '晒元宵节活动红包,爱..昨天的百度APP元宵节活动中,共发出2亿现金红包、含151万个手气现金大奖和240辆红旗轿车,谁是好运锦鲤,快来分享!马上惊喜升级~摇中红包的锦鲤们即刻晒出红包金额截图,我们将会抽取660位好运锦鲤',articleTitle: '晒元宵节活动红包,爱奇艺60张年卡、600张季卡等你拿!',releaseDate: '2019-01-02 12:01:30',image: ['http://c.hiphotos.baidu.com/forum/w%3D480/sign=73c62dda83b1cb133e693d1bed5456da/f33725109313b07e8dee163d02d7912396dd8cfe.jpg','https://hiphotos.baidu.com/fex/%70%69%63/item/43a7d933c895d143e7b745607ef082025baf07ab.jpg'],video: [{url: 'https://www.baidu.com/mx/v12.mp4',duration: '100',image: 'https://smartprogram.baidu.com/docs/img/image-scaleToFill.png'}],visit: {pv: '1000',uv: '100',sessionDuration: '130'},likes: '75',comments: '13',collects: '23',shares: '8',followers: '35',success: function () {console.log('setPageInfo success');},fail: function (err) {console.log('setPageInfo fail', err);}})}
});
swan.setMetaDescription![](http://smartprogram.baidu.com/docs/img/h2_arrow.png)
不推荐使用。
解释: 设置 web 版小程序 description meta 信息。此方法为 web 版小程序专用方法,使用前需判断方法是否存在。
方法参数:Object object
object
参数说明:
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
content | String | 是 | - | 需要设置的 description 内容 |
success | Function | 否 | - | 接口调用成功的回调函数 |
fail | Function | 否 | - | 接口调用失败的回调函数 |
complete | Function | 否 | - | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例:
在开发者工具中预览效果
在 js 文件中
swan.setMetaKeywords![](http://smartprogram.baidu.com/docs/img/h2_arrow.png)
Page({onShow() {swan.setMetaDescription({content: '当前小程序页面描述信息',success: function (res) {console.log('setMetaDescription success', res);},fail: function (err) {console.log('setMetaDescription fail', err);}});}
});
不推荐使用。
解释: 设置 web 版小程序 keywords meta 信息。此方法为 web 版小程序专用方法,使用前需判断方法是否存在。
方法参数:Object object
object
参数说明:
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
content | String | 是 | - | 需要设置的 keywords 内容 |
success | Function | 否 | - | 接口调用成功的回调函数 |
fail | Function | 否 | - | 接口调用失败的回调函数 |
complete | Function | 否 | - | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例:
在开发者工具中预览效果
- 在 swan 文件中
<view class="wrap"><button type="primary" bindtap="setMetaKeywords">setMetaKeywords</button>
</view>
- 在 js 文件中
Page({onShow() {swan.setMetaKeywords({content: '小程序, 关键字',success: function (res) {console.log('setMetaKeywords success', res);},fail: function (err) {console.log('setMetaKeywords fail', err);}});}
});
- 在 css 文件中
.wrap {padding: 50rpx 30rpx;
}
swan.setDocumentTitle![](http://smartprogram.baidu.com/docs/img/h2_arrow.png)
不推荐使用。
解释:动态设置当前页面的标题。此方法为 web 版小程序专用方法,使用前需判断方法是否存在。
方法参数:Object object
object
参数说明:
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
title | String | 是 | - | 页面中 title 标签中的内容 |
success | Function | 否 | - | 接口调用成功的回调函数 |
fail | Function | 否 | - | 接口调用失败的回调函数 |
complete | Function | 否 | - | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例:
在开发者工具中预览效果
在 js 文件中
Page({onShow() {swan.setDocumentTitle({title: '我是页面标题',success: function (res) {console.log('setDocumentTitle success', res);},fail: function (err) {console.log('setDocumentTitle fail', err);}});}
});
转自:百度小程序文档
百度小程序页面基础信息配置文档相关推荐
- 知乎爆赞!4504页《微信小程序零基础入门开发文档》+《小程序实战笔记》,你学废了吗?
前言 微信小程序作为近几年"微服务"的杰出代表,应用十分广泛.小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验 ...
- 【支付宝小程序】医保接入文档网址
[支付宝小程序]医保接入文档 自己注意事项: 授权 my.getAuthCode 跳转与参数 处理 my.ap.navigateToAlipayPage 联调 测试开发者加入 白名单
- 小程序中读取腾讯文档的表格数据
目录 1 创建连接器 2 创建腾讯文档 3 应用中访问腾讯文档 3.1 获取sheet中的所有数据 3.2 迭代行和列的数据 4 总结 日常生活中我们使用腾讯文档在线的收集各类数据,数据收集是比较方便 ...
- 一套Java 小区物业管理系统源码 物业管理小程序源码+安装视频+文档
Java物业管理小程序源码 物业管理系统源码+安装视频+文档 语言:Java 页面:HTML 项目构建:maven 前端技术:layui 后端:springboot+ssm+shiro+layu ...
- 微信小程序学习实录1(wxml文档、引入weui、双向数据绑定、提交表单到后端)
微信小程序学习实录 一.wxml文档 二.新建页面快捷方式 三.微信小程序引入weui 四.双向数据绑定 1.wxml渲染层 2.js逻辑层 提交表单到后端 五.微信小程序跳转到H5 一.wxml文档 ...
- 微信小程序实现PDF转Word文档
效果查看 1.打开微信小程序项目,并创建toword模块 1.两个主要文件,toword.wxml与toword.js.toword.wxml文件内容 <view class="vie ...
- 微信小程序开发指南,接口文档,工具下载使用
相信前天,从事互联网行业人的朋友圈给刷爆了,前微信公众平台开始陆续对外发送小程序内测邀请,而小程序即被外界广为关注的微信"应用号". 小程序的推出也并非一蹴而就,早在2016年1月 ...
- 小程序-记一次二进制文档流文件下载功能;
原因: 项目中遇到后端返回二进制文档流文件格式,正常下用下面方式可直接可以下载url: // 下载文件资源到本地.客户端直接发起一个 HTTPS GET 请求,返回文件的本地临时路径 (本地路径),单 ...
- 基于SpringCloud微服务架构的直播平台的设计与实现(前端小程序+后端Java IDEA) 文档+项目源码
摘 要 本文的主题是设计与实现一个基于 SpringCloud+Golang 微服务框架的分布式直播平台,主要聚焦于短视频与直播流媒体服务.系统由服务端,后台管理端和微信小程序端三部分组成,推拉直播流 ...
最新文章
- 如果你是C开发人员请看这三个显式编程技巧
- mysql 5.6 rpm 安装_mysql 5.6 rpm 包安装步骤需要注意的地方
- Java是如何加载资源文件的?(源码解毒)
- CVPR 2020 开源论文 | 多种可能性行人未来路径预测
- 【RESTful风格】软件接口设计中RESTful风格
- android 开发环境以及hello world,Android Studio开发环境搭建和HelloWorld
- 个人信息保护呼吁“基本法”
- 物联网linux_Linux的未来,Google的物联网标准等
- 用video标签流式加载
- 【上外青年】人物 ‖ 何晗:天才都是异类
- 热门加壳工具VMProtect v3.1发布,新增内存保护,性能改进|附下载
- Java移位运算符详解实例
- 学习OpenCV3:判断两条直线相交,并计算交点和夹角
- 福利大放送:空间统计插值大数据PPT
- ie浏览器java 脚本下载_如何设置ie浏览器中的activeX控件和插件java脚本下载?
- 关于C2100间接寻址的问题
- 机器学习算法:K近邻(k-nearest neighbors)
- python读取加密word_Python-使用zipfile读取受密码保护的Word文档
- 后端 学习 前端 Vue 框架基础知识
- 我退休金只有2000块钱能去海南三亚养老吗?
热门文章
- 上海高级会计师职称计算机考试模块,高级会计师《职称计算机》Word文档:绘图画布...
- 基于复杂网络的软件网络研究
- 三星 9810 android 9,安卓最强,Exynos9810跑分超越骁龙845,三星note9将再成安卓机皇...
- window.open的详细用法
- live555 android编译,用NDK编译Live555 - 亲测有效
- PHP就业前景好不好一看便知,转行选择需谨慎!
- CSDN优秀博客连接,博客之星连接
- 中国式飘窗out了,最美的飘窗长这样!
- Python:socket编程教程
- HOWTO:D900支持远程终端