vue之友盟 ULink裂变下载

页面下载按钮id标识

<div class="lyp-btn" id="lypBtn">下载APP</div>

####后续

ios采用universalLink 模式,需要做重定向操作,友盟技术人员协助完成。但是又遇到一个问题,在移动端点击无反应。踩坑,需要把div换成btn按钮!!!(原因未知)

引入JS

const script =document.createElement('script')

script.type ='text/javascript'

script.src ='https://g.alicdn.com/jssdk/u-link/index.min.js'

document.getElementsByTagName('head')[0].appendChild(script)

引入成功后进行操作

// 引入成功

script.onload =function () {

console.log('js资源已加载成功了')

console.log(script)

const ULink =window.ULink

const url = (window.location.href ||'').split('?')[1]

const data = ULink.getUriParams(url) // 使用友盟功能工具获得路由携带的参数

ULink([{

id:'usrxxxxxx', // 后台生成的裂变活动LinkID

    data: {

// 传递的自定义动态参数

      inviteCode: data.inviteCode ||'' // 邀请码 url地址携带

    },

    selector:'#lypBtn', // id名字

    auto:false, // 含义见下文

    lazy:false,

    useOpenInBrowerTips:'default', // 在微信等内打开会提示去浏览器

   proxyOpenDownload (defaultAction, LinkInstance) {

   if (LinkInstance.solution.type ==='scheme') {

      if (ULink.isWechat || ULink.isQQ) {// 在qq或者微信环境执行内置逻辑,具体内置逻辑为:当设置了useOpenInBrowerTips字段时,qq&&微信&&scheme时,启用蒙层提示去浏览器打开

   defaultAction()

}else {window.location.href = LinkInstance.solution.downloadUrl}}else if (LinkInstance.solution.type ==='universalLink') {

// universalLink 唤起应当由服务端提供一个带重定向到appstore的universallink地址。因此,此处不应写逻辑,友盟会在近期上线universalLink 重定向功能。}}  }])}

// 引入失败

script.onerror =function () {

console.log('js资源加载失败了')

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容

  • vue视频学习第二天笔记 复习 vue单文件方式 xxx.vue格式:template script style(...
    果木山阅读 556评论 2 1
  • 一、企业项目开发流程 产品提需求 交互设计出原型设计 视觉设计出UI设计图 前端开发出页面模板 server端存取...
    Eric_V阅读 1,768评论 0 3
  • Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户...
    桂_3d6b阅读 854评论 0 0
  • 相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口,前端开发界面效果(专注于用户的交...
    他爱在黑暗中漫游阅读 2,864评论 4 45
  • 表情是什么,我认为表情就是表现出来的情绪。表情可以传达很多信息。高兴了当然就笑了,难过就哭了。两者是相互影响密不可...
    Persistenc_6aea阅读 126,129评论 2 7