小程序页面广告位应当如何布局？

经过两年发展，诞生于2017年的微信小程序已经成为企业和商家们不可或缺的一条对外宣传、推广渠道。在小程序的页面中，可以通过设置广告位的方式来进行产品的推、广营销。因此，对于企业和商家而言，在开发小程序的时候，就要考虑好广告位的布局。那么，小程序页面广告位应当如何布局？下面不妨跟着上海数字商圈一起来了解一下。

一、首页

首页广告位，主要用于展示整个平台的重要活动或者重要产品，因此广告位的设置，一定要放在最显眼的位置，也就是首页顶部。此外，为了达到更好的宣传推广效果，首页广告位建议设置为轮播形式。

二、内容展示区域

除了首页顶部可以设置轮播广告之外，首页中的详情或者二级页面也能设置广告位，用于展示各种各样的商品、活动等。以商城类小程序为例，可以在首页商品分类下方设置广告区域，展示主打产品、活动产品等等。这种广告位的设置比较普遍，很多行业都会设置这种类型的广告位。

三、页面底部广告位

除了做首绝顶部、内容区域可以设置广告位模块之外，页面的底部同样也可以设置广告位。这个位置，主要用芹冲于展示平台的头条公告等等。如果有自己的官网的，也可以将此广告位设置成为引导用户进入官网的模块。从而引导用户点击进入官网，从而提升官网曝光度与知名度。

四、留言区广告位

公众号的广告位一般是在正文下方，留言区上方的位置。因此，很多用户在阅读公众号的时候，往往会在看完正文之后，直接“跳过广告”去阅读留言。但由于公众号本身功能的局限，所以广告位是无法得到改变的。但小程序就不同，通过定制开发，小程序可以将广告位设置在留言区，利用用户在阅读公众号时养成的习惯惯性，将留言区作为小程序广告位纯姿投放布局的位置选择之一，也可以起到一定的营销效果。

mpvue是一个类vue的小程序框架，帮助开发者提高效率，增加开发体验，开发者只需要熟悉vue的api语法使用即可上手。官方还提供了了基于@vue/cli脚手架的快速开发方式。执行

*** 作以上步骤即可初始化一个mpvue的初始化项目。这样mpvue的入门就完成了。

mpvue除了支持vue的生命周期钩子函数，还闹雹亩支持小程序的肆行生命周期钩子函数，官方建议 除特殊情况外，不建议使用小程序的生命周期钩子。

1. 如何获取小程序在 page onLoad 时候传递的 options

在所有 页面 的组件内可以通过 this.$root.$mp.query 进行获取。

2. 如何获取小程序在液森 app onLaunch/onShow 时候传递的 options

在所有的组件内可以通过 this.$root.$mp.appOptions 进行获取。

3. 如何捕获 app 的 onError

由于 onError 并不是完整意义的生命周期，所以只提供一个捕获错误的方法，在 app 的根组件上添加名为 onError 的回调函数即可。如下：

以下使用mpvue创建一个小程序

执行npm run dev 后可以看到生成 dist/wx的路径，将生成的文件目录导入小程序开发工具即可。

这样就搭建好了一个基本的mpvue小程序, 可以基于以上创建我们自己的项目。具体内容查看 github ，附上一张首页图

---