抖音私信名片跳转微信技术如何制作?

一直公司比较忙,没时间记录笔记,这里笔者根据抖音开放接口的规则,重新写了下代码记录,方便后期使用,也给大家参考使用:
代码如下,调用的方式,可以js,html,以及php模式,生成的样式,我已经截图。

在这里插入图片描述
在抖音私信里发送如下代码即可转发为名片样式,


#shareURL#{
“link_url”: “http://www.douyin6188.cn/w/t/?i=20,
“push_detail”:[消息卡片],
“desc”: "描述,
“title”: “标题”,
“cover_url”: “http://www5.53kf.com/upload/imglist/company/4/15652337694030.jpg”,
“is_card”: 0,
“messageType”: 26,
}

落地页模板代码如下:


<div class="page msg_success js_show">
    <div style="position: absolute;width:100%;top: 0;left: 0;background: rgba(0,0,0,.2);color:#2eb769;text-align: center">此链接安全可靠,请放心浏览</div>
    <div class="weui-msg">
        <div class="weui-msg__icon-area">
            <!-- <img class="logo-img" src="./logo.jpg" alt="">-->
             <!--<img class="logo-img" src="http://tva1.sinaimg.cn/large/0060lm7Tly1g49vzdmjt4j30b40b4js8.jpg" alt="">-->
            <!-- 默认 -->
            <img class="logo-img" style="width: 135px;height: 135px" src="" alt="">
 
        </div>
        <div class="weui-msg__text-area">
            <h2 class="weui-msg__title"><span class="tel-num"> </span></h2>
            <p class="weui-msg__desc">点击添加好友 自动复制微信号<br>请打开微信搜索添加<!--  <br> <span class="show-tel">微信号:<span class="tel-num"></span> </span>--></p>
            <!--<p class="weui-msg__desc">点击添加好友 自动复制微信号<br>请打开微信搜索添加&lt;!&ndash;  <br> <span class="show-tel">微信号:<span class="tel-num"></span> </span>&ndash;&gt;</p>-->

        </div>
        <div class="weui-msg__opr-area">
            <p class="weui-btn-area">
                <a href="javascript:void(0);" class="weui-btn weui-btn_primary copy-btn" data-clipboard-action="copy" data-clipboard-target=".tel">添加好友</a>
            </p>
        </div>
        <div class="weui-msg__tips-area">
            <span class="tel tel-num" style="opacity: 0;position: absolute;"></span>
            <p class="weui-msg__tips">点击“添加好友”即可添加对方好友</p>
        </div>
        <div class="weui-msg__extra-area">
            <div class="weui-footer">
               <p class="weui-footer__links">
                    <a href="javascript:void(0);" class="weui-footer__link">抖音官方微信认证</a>
                </p>
                <p class="weui-footer__text">Copyright @ 2013-2020 抖音</p>
            </div>
        </div>
    </div>


  • 7
    点赞
  • 55
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值