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

05/01 13:28
阅读数 1K

一直公司比较忙,没时间记录笔记,这里笔者根据抖音开放接口的规则,重新写了下代码记录,方便后期使用,也给大家参考使用:
代码如下,调用的方式,可以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>请打开微信搜索添加<!–  <br> <span class="show-tel">微信号:<span class="tel-num"></span> </span>–></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>
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部