借助内嵌集成,您可以将PartnerShare邀请返现系统直接嵌入到自己的系统中,无需用户跳转到外部页面,为用户提供更加无缝、流畅的体验
https://seller.partnershare.net/sdk.js
// 建议在头部引入
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://seller.partnershare.net/sdk.js"></script>
</head>
地址: https://www.partnershare.net/product/xxx (产品ID)
URL参数: hideHead=1 (隐藏推广者页面头部导航栏)
<iframe src="https://www.partnershare.net/product/xxx (产品ID)?hideHead=1"></iframe>
在SDK加载后,您需要使用checkLogin() 方法对当前的登录状态进行校验,以避免登录失效。在SDK校验未完成前,建议先隐藏邀请返现的菜单,待登录状态校验通过后再显示邀请返现菜单,以确保用户体验。
window.PartnerShareIntegration.checkLogin().then(check=>{
console.log(check)
// 登录状态有效 返回 true, 未登录或登录失效返回 false
if(!check){
// 进行授权登录
}else{
// 显示邀请返现菜单
document.getElementById("InvitationRecurrenceMenu").style.display = 'list-item'
}
})
如果登录状态校验未通过,接下来需要进行授权登录。首先,您需要通过请求自己的后台接口获取授权信息(具体方式可参考无感登录说明)。获取到授权信息后,再将其传入SDK的 login()方法中。
下面是完整的登录授权示例代码:
// 校验登录状态
window.PartnerShareIntegration.checkLogin().then(check=>{
console.log(check)
// 登录状态有效 返回 true, 未登录或登录失效返回 false
if(!check){
// 请求自己的后端拿到授权信息
homeApi.getSecret().then(res => {
// 向SDK传入授权信息
window.PartnerShareIntegration.login({
user_id: res.data.user_id, //必传 用户ID
product_id: res.data.product_id, //必传 产品ID
secret : res.data.secret, //必传 授权码
email : '', // 用户申请的邮箱
notification_email : '', // 用户接收通知的邮箱
timestamp: '', // 时间戳,
name: '', // 用户名
lang: '', // 语言
group_id: "", // 分组id
theme_mode:"light" //主题模式控制 浅色light,深色dark
}).then((res:any)=>{
console.log(res)
// 返回为 'success' 表述授权成功,否则为失败
if(res == 'success'){
// 显示邀请返现的菜单
document.getElementById("InvitationRecurrenceMenu").style.display = 'list-item'
}
}).catch((err:any)=>{
// 授权失败
console.log(err)
})
})
}else{
// 显示邀请返现的菜单
document.getElementById("InvitationRecurrenceMenu").style.display = 'list-item'
}
})
如果后台用户账号退出或切换,需要同步调用SDK的退出方法,清除登录状态。
退出后 window.PartnerShareIntegration.checkLogin()
校验将返回false状态。
// 退出登录
window.PartnerShareIntegration.logout()
只有完成授权登录才能让用户点击邀请返现的页面进行加载。在用户点击菜单后,您可以使用iframe嵌套页面进行加载,具体的页面路径和参数如下所示。
产品页面地址: https://www.partnershare.net/product/你的产品ID/【tabname】
参数 | 值 | 说明 |
---|---|---|
tabNmae | overview (概览) link(链接) report(报表) reward(奖励) withdrawal(提现) resources(资源) | 用于指定需要显示的页面Tab |
hideHead | 1 | 隐藏头部导航,传 1 进行隐藏 |
hideMenu | 1 | 隐藏左边菜单,传 1 进行隐藏 |
hidePersonal | 1 | 隐藏个人中心,传 1 进行隐藏 |
示例: https://www.partnershare.net/product/你的产品ID/resources?hideHead=1