微信内跳转支付宝App、跳转淘宝App方案

原创已于 2022-04-18 14:38:40 修改 · 1.6w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #支付宝

于 2021-12-07 13:49:38 首次发布

前端专栏收录该内容

117 篇文章

订阅专栏

微信近期更新了《微信外部链接内容管理规范》，允许在聊天场景中直接访问电商链接，如淘宝、京东。本文提供了三种跳转支付宝的方案，包括自动搜索、领红包和扫码。同时，介绍了如何从淘宝联盟获取商品推广链接的参数，实现微信跳转淘宝App并领券的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信团队发布了新通知关于《微信外部链接内容管理规范》的更新说明正式开放电商类的外部链接，在聊天场景中可直接访问电商链接，包括淘宝、京东等。

方案1：跳转到支付宝并自动聚焦到搜索框

<a href="https://ulink.alipay.com/?scheme=alipayqr://platformapi/startapp?saId=20001003&keyword=730839274">跳转到支付宝app搜索框</a>

方案2：跳转到支付宝并自动领取红包

<a href="https://ulink.alipay.com/?scheme=alipays%3A%2F%2Fplatformapi%2Fstartapp%3FsaId%3D10000007%26clientVersion%3D3.7.0.0718%26qrcode%3Dhttps%253A%252F%252Frender.alipay.com%252Fp%252Fc%252Falipay-red-qrcode%252Fshared.html%253Fchannel%253Dsearch_pwd%2526shareId%253D2088032456623223%2526token%253D19618032mpaq72dzh7kix02okl%2526campStr%253DkPPFvOxaCL3f85TiKss2wsBZgIjulHjG%2526sign%253DqsiVOoa7TuphryWxyBdONXsMTnE3jiIBvWeUs3yV1sw%253D%2526chInfo%253DDingtalk%2526c_stype%253Dsearch_pwd">跳转到支付宝并自动领取红包</a>

方案3：跳转到支付宝并打开扫码

<a href="https://ulink.alipay.com/?scheme=alipays://platformapi/startapp?saId=10000007&qrcode=">跳转到支付宝app扫码</a>

完整:

<!DOCTYPE html>
<html>
<head>
    <title>微信跳转支付宝领红包</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css">
        /*里客云科技开发*/
        *{
            margin:0;
            padding:0;
        }
        #copy1{
            background: #1476FE;
            font-size: 16px;
            border-radius: 5px;
            text-decoration: none;
            color: #fff;
            display: block;
            margin:50px auto 0;
            width: 230px;
            height: 55px;
            line-height: 55px;
            text-align: center;
            font-weight: bold;
        }
        #copy2{
            background: #1476FE;
            font-size: 16px;
            border-radius: 5px;
            text-decoration: none;
            color: #fff;
            display: block;
            margin:30px auto 0;
            width: 250px;
            height: 55px;
            line-height: 55px;
            text-align: center;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <!-- 开发者交流群：[url=http://www.liketube.cn/ma/common/qun/redirect/?hmid=19122]http://www.liketube.cn/ma/common/qun/redirect/?hmid=19122[/url] -->
    <!-- 作者博客：[url=https://segmentfault.com/u/tanking]https://segmentfault.com/u/tanking[/url] -->
    <p id="hbm" style="opacity: 0;">730839274</p>
    <a href="https://ulink.alipay.com/?scheme=alipayqr://platformapi/startapp?saId=20001003&keyword=730839274" id="copy1">跳转到支付宝app搜索框</a>
    <a href="https://ulink.alipay.com/?scheme=alipays%3A%2F%2Fplatformapi%2Fstartapp%3FsaId%3D10000007%26clientVersion%3D3.7.0.0718%26qrcode%3Dhttps%253A%252F%252Frender.alipay.com%252Fp%252Fc%252Falipay-red-qrcode%252Fshared.html%253Fchannel%253Dsearch_pwd%2526shareId%253D2088032456623223%2526token%253D19618032mpaq72dzh7kix02okl%2526campStr%253DkPPFvOxaCL3f85TiKss2wsBZgIjulHjG%2526sign%253DqsiVOoa7TuphryWxyBdONXsMTnE3jiIBvWeUs3yV1sw%253D%2526chInfo%253DDingtalk%2526c_stype%253Dsearch_pwd" id="copy2">跳转到支付宝app并自动领取</a>
    <a href="https://ulink.alipay.com/?scheme=alipays://platformapi/startapp?saId=10000007&qrcode=" id="copy2">跳转到支付宝app扫码</a>
</body>
<script type="text/javascript">
    function copyArticle(event){
      const range = document.createRange();
      range.selectNode(document.getElementById('hbm'));
      const selection = window.getSelection();
      if(selection.rangeCount > 0) selection.removeAllRanges();
      selection.addRange(range);
      document.execCommand('copy');
    }
 
    window.onload = function () {
      var obt = document.getElementById("copy1");
      obt.addEventListener('click', copyArticle, false);
    }
</script>
</html>

微信跳转淘宝App

<a href="https://s.tb.cn/h.fiXef2Q" style="text-decoration: none;width: 200px;height: 50px;background: #ff283b;border-radius: 100px;margin:80px auto 20px;color: #fff;display: block;line-height: 50px;text-align: center;font-weight: bold;font-size: 16px;">打开淘宝app领券</a>

根据以上代码可知，其实就是一个超链接，链接是https://s.tb.cn/h.fiXef2Q其实简单来说，只需要替换后面的参数h.fiXef2Q就可以了，那么这个参数在哪可以得到呢？

1、打开淘宝联盟app
2、找到你要推广的商品
3、复制文案，发送到微信，点击文案的链接
4、右上角【···】复制链接
5、获得长链接后，找到short_name=后面就是参数了