页面基础信息

前言:最近在做多端小程序,bat加头条,百度和头条应该是最多坑的 ,比如百度小程序需要配置页面信息...

配置页面基础信息接口，目前仅支持 Web 化使用，推荐使用 setPageInfo 。

setMetaDescription/setMetaKeywords/setDocumentTitle 已停止维护。

swan.setPageInfo

建议在 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

不推荐使用。

解释：设置 web 版小程序 description meta 信息。此方法为 web 版小程序专用方法，使用前需判断方法是否存在。

方法参数：Object object

object参数说明：

参数名	类型	必填	默认值	说明
content	String	是	-	需要设置的 description 内容
success	Function	否	-	接口调用成功的回调函数
fail	Function	否	-	接口调用失败的回调函数
complete	Function	否	-	接口调用结束的回调函数（调用成功、失败都会执行）

示例：

在开发者工具中预览效果

在 js 文件中

swan.setMetaKeywords


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

不推荐使用。

解释：动态设置当前页面的标题。此方法为 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 微服务框架的分布式直播平台,主要聚焦于短视频与直播流媒体服务.系统由服务端,后台管理端和微信小程序端三部分组成,推拉直播流 ...

百度小程序页面基础信息配置文档

页面基础信息

swan.setPageInfo

swan.setMetaDescription

swan.setMetaKeywords

swan.setDocumentTitle

百度小程序页面基础信息配置文档相关推荐

最新文章

热门文章