星驿付支付宝H5广告接入文档

1. 概述

本 SDK 提供支付宝小程序、支付宝H5 支付后广告的接入能力，支持在支付后快速集成广告功能。

2. 集成sdk

2.1支付宝小程序中集成：

● 小程序广告：

2.1.1 编写一个新的H5页面，在支付宝小程序完成支付后跳转到编写的H5页面，在页面中，导入sdk文件，文件说明：

文件名	说明	必须	备注
h5Sdk.es.js	获取广告	是	使用import方式导入时，需要引入本文件
h5Sdk.umd.js	获取广告	是	使用require方式导入时，需要引入本文件

2.1.2 初始化实例（VUE3 H5项目）：

2.1.3 获取广告参数说明（params,callbackObj）

参数	类型	必须	备注
params	QueryInfoRequest	是	广告请求参数对象
callbackObj	Object	否	回调函数配置

QueryInfoRequest 结构

参数	类型	必须	备注
trafficId	string	是	流量主ID，客户唯一标识（数字、字母、特殊字符组成）
orderNumber	string	是	订单流水号（数字、字母、特殊字符组成），最大长度40
geocodes	string	否	当前消费地点（省、市、区(县)）
store	string	否	商户信息（消费商户行业、商户名称）
orderTime	string	否	消费时间（支付时间）
content	string	否	消费内容（商品名称、品类）
amount	string	否	消费金额（精度0.01¥）
payWay	string	否	支付方式（支付渠道、支付工具类型支付渠道（eg：支付宝、微信、银联云闪付））
payEnv	string	否	支付环境 (egH5、微信小程序、App)
device	string	否	设备信息（品牌/机型）
userld	string	否	用户id
channel	string	否	渠道名称

callbackObj 回调配置

● H5广告配置：

2.1.4 如果需展示H5广告，执行上述配置后，还需要进行跳转广告的H5域名的配置，才能正常展示广告：

1.登录支付宝开放平台，找到对应菜单下载校验文件

随后将配置文件发送给星驿付相关对接人员，等待对接人员上传好配置文件后，将域名配置到图中业务地址一栏。

Tips:配置步骤以及注意事项，可以参考官网文档：小程序文档 - 支付宝文档中心

2.2 支付宝H5中集成：

2.2.1导入sdk文件，步骤同2.1.1

Tips:在支付宝H5中集成，与在小程序中集成流程相似，不用单独编写一个H5页面就可以实现

支付宝H5广告

星驿付支付宝H5广告接入文档

1. 概述

2. 集成sdk

2.1支付宝小程序中集成：

● 小程序广告：

2.1.1 编写一个新的H5页面，在支付宝小程序完成支付后跳转到编写的H5页面，在页面中，导入sdk文件，文件说明：

2.1.2 初始化实例（VUE3 H5项目）：

2.1.3 获取广告参数说明（params,callbackObj）

● H5广告配置：

2.1.4 如果需展示H5广告，执行上述配置后，还需要进行跳转广告的H5域名的配置，才能正常展示广告：

2.2 支付宝H5中集成：

2.2.1导入sdk文件，步骤同2.1.1

2.2.2初始化实例，步骤同2.1.2

2.2.3获取广告参数说明，步骤同2.1.3

3. VUE3 H5项目，完整示例：

支付宝H5广告

星驿付支付宝H5广告接入文档#

1. 概述#

2. 集成sdk#

2.1支付宝小程序中集成：#

● 小程序广告：#

2.1.1 编写一个新的H5页面，在支付宝小程序完成支付后跳转到编写的H5页面，在页面中，导入sdk文件，文件说明：#

#

2.1.2 初始化实例（VUE3 H5项目）：#

2.1.3 获取广告参数说明（params,callbackObj）#

● H5广告配置：#

2.1.4 如果需展示H5广告，执行上述配置后，还需要进行跳转广告的H5域名的配置，才能正常展示广告：#

2.2 支付宝H5中集成：#

2.2.1导入sdk文件，步骤同2.1.1#

2.2.2初始化实例，步骤同2.1.2#

2.2.3获取广告参数说明，步骤同2.1.3#

3. VUE3 H5项目，完整示例：#

星驿付支付宝H5广告接入文档

1. 概述

2. 集成sdk

2.1支付宝小程序中集成：

● 小程序广告：

2.1.1 编写一个新的H5页面，在支付宝小程序完成支付后跳转到编写的H5页面，在页面中，导入sdk文件，文件说明：

2.1.2 初始化实例（VUE3 H5项目）：

2.1.3 获取广告参数说明（params,callbackObj）

● H5广告配置：

2.1.4 如果需展示H5广告，执行上述配置后，还需要进行跳转广告的H5域名的配置，才能正常展示广告：

2.2 支付宝H5中集成：

2.2.1导入sdk文件，步骤同2.1.1

2.2.2初始化实例，步骤同2.1.2

2.2.3获取广告参数说明，步骤同2.1.3

3. VUE3 H5项目，完整示例：