9

In the past two months, I have been busy with all kinds of trivial matters, and I have no time to write articles or study various things. Recently, I have started to be idle. The WeChat team released a new notice on the update of the "WeChat External Link Content Management Specification", officially opening the external links of e-commerce, and you can directly access e-commerce links in the chat scene, including Taobao, Jingdong, etc.

Now that it is open, the corresponding URL scheme should be able to jump, so I also tried to study the related operations of WeChat jumping to Alipay and WeChat jumping to Taobao.

WeChat jump to Alipay App

Recently, a bunch of red envelope codes for Alipay to earn bounties have appeared in the circle of friends. It is really good. If the amount is large, many people will play. I have also accumulated a lot of student resources due to the nature of my work. The WeChat friend resources are also posted in the circle of friends In 2 days, I accumulated more than 2000 yuan.

image.png

So I guess, whether this can be jumped to the Alipay app through a url click and automatically received.

Option 1: Jump to Alipay and automatically focus on the search box

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

Option 2: Jump to Alipay and receive red envelopes automatically

 <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>

Option 3: Jump to Alipay and open the scan code

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

demo

image.png

 <!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>
    <!-- 开发者交流群:http://www.liketube.cn/ma/common/qun/redirect/?hmid=19122 -->
    <!-- 作者博客:https://segmentfault.com/u/tanking -->
    <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>

demo: (Please visit the experience in WeChat) http://www.likeyunba.com/demo/alipay/hongbao/demo.html

WeChat jumps to Taobao App

Here we take WeChat jumping to Taobao app to get coupons as an example, which will help us to be better Taobao customers.

 <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>

According to the above code, it is actually a hyperlink. The link is https://s.tb.cn/h.fiXef2Q In fact, in simple terms, you only need to replace the following parameter h.fiXef2Q , so where can you get this parameter? ?

1. Open the Taobao Alliance app
2. Find the product you want to promote
3. Copy the copy, send it to WeChat, and click the link of the copy
4. [...] in the upper right corner copy the link
5. After obtaining the long link, find short_name= followed by the parameters

image.png
image.png

It's as simple as that, and you can jump from WeChat to the coupon collection page of the Taobao app.

More exploration, stay tuned, welcome to follow me!

AuThor:TANKING
WeChat: sansure2016
Add technology exchange group: sansure2016 (WeChat)


TANKING
4.8k 声望509 粉丝

热爱分享,热爱创作,热爱研究。