友盟分享功能

  1. 准备一个H5页面(用vue写也行,html写也行)
  2. 打开友盟官方文档,可能需要登陆,也可通过链接到达友盟JS SDK接入
    <button id="xxl">点我唤起</button>
    <script src="https://g.alicdn.com/jssdk/u-link/index.min.js"></script>
    <script>
    ULink([{
        id:"userxxx",// 后台生成的裂变活动LinkID
        data:{// 传递的自定义动态参数,选填,连接APP端再填也可
          goodid:''xxxx'',
          usrid:''xxx'',
    },
        selector:"#xxl",//按钮的名称
        // 可选高级功能,具体含义请看下方U-Link API文档
        auto:true, //是否自动唤起,默认false,就是不自动唤起应用
        timeout:2000,//未唤起app时,会等待两秒(设置多久等待多久)出现弹框
        lazy:false //活动配置下发,文档解释得更清楚
    }]);
    </script>
  3. 以上代码可直接c到html页面中带入使用,控制台成功会提示如下 使用vue来写的话,ULink需在html页面引入一次,再在需要使用的.vue文件引入一次也可正常使用
  4. 完成以上后就可以添加一些弹框或者提示下载的蒙层,弹框在未唤起APP时会弹出,见下图(判断App是否已安装/唤起成功)。两秒内未唤起app,或者未打开浏览器;打开浏览器后,两秒内未唤起app,这两种情况会弹出。弹框自定义见下图,图中选项可找到自定义代码

  5. 提示下载的蒙层,有官方提供的默认蒙层(见下图),也可自定义

  6. 如果和App端连接后,需要接收传来的数据,就需要在data中自定义,通过获取路径的参数,再把参数存入data中

 以上是只写分享页面的流程,iOS端,Android端的配置请参考其他大佬的博客。

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值