codecamp

支付宝小程序开放组件 小程序推广位

小程序推广位组件需结合 小程序运营中心精准推荐 功能使用。精准推荐是一款开放蚂蚁数据和算法能力,帮助您在小程序流量内,更好地运营会员,消费者分层触达,实现流量千人千面营销的整体解决方案,其中数据至少包含小程序行为数据、基础数据、上传自有数据等多方面的数据。

说明:

  • 展位数量不设上限。
  • 每个展位下的推广位数量不设上限。
  • 不支持 IDE 模拟器调试,仅支持真机调试。

组件接入

前提条件

本组件的展示有版本的限制(小程序基础库版本1.13.1开始提供),版本兼容性可以通过调用下面的方法以判别是否能展示推广位组件。

my.canIUse('spread')

示例代码

标准写法

<spread position-id="2018111900xxxxxxxxxxx"/>

参数说明

属性名 类型 说明 必选
position-id String 展位 ID Y
direct-id String 定向参数 N

产品说明

推广位组件内置了轮播、信息流等模板,可到小程序运营中心的 精准推荐 中进行相应的配置。

展位 ID(position-id)获取方式

进入 精准推荐,点击左侧菜单 展位管理 > 我的展位,选择需要植入的展位,点击 复制,即可获取展位 ID。image

定向参数(direct-id)使用说明

如需在同一个应用中设置多个展位,多个展位的投放时段、人群等条件一致,只是投放内容不同,无需在平台上创建多个展位,使用 定向参数 进行区分即可。

例:如下图,同一个展位单次投放两个内容,其中一个设置 定向参数 test_param,则该内容仅在组件传入direct-id 参数值为 test_param 时展示。image

示例代码:

<spread
    position-id="2018111900xxxxxxxx392"
/>


<spread
    position-id="2018111900xxxxxxxx392"
    direct-id="test_param"
/>

小程序跳转链接说明

外部跳转

推广位跳转链接支持配置支付宝官方业务、其他小程序或运营活动页面,例如共享单车、城市服务等,使用时在平台配置相应的 scheme 即可。

内部跳转

例:点击推广位后跳转至 pages/index/index,在平台配置跳转链接 alipays://platformapi/startapp?appId=2019xxxxxxxx&page=pages/index/index。

image

如果 page 中带有参数,请务必先将 page 参数做 encode 处理。以上链接添加参数 (param1=test)encode 处理后为 alipays://platformapi/startapp?appId=2019xxxxxxxx&page=pages%2findex%2findex%3fparam1%3dtest。

说明:目前 SDK 已支持小程序内部的跳转,原 onClicked 回调不再需要。

支付宝小程序开放组件 智能客服·Contact-button
支付宝小程序组件 无障碍访问·aria-component
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

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; }