经常看到一些博客点击外链跳转到其他网站上的时候都会有一个跳转页面,很是漂亮。据说是有利于SEO,保护站点权重,不过个人只是觉得好看、高逼格便加上了 。网上相关的源代码很多,只是代码使用的方法不太详细,对于很多新手小白可能并不友好,借着这次博客折腾我将把使用方法尽可能地详细说明,希望能够帮助新人快速地使用上这个跳转功能。
首先需要说明的是代码来自 AE博客 与 张戈博客 ,代码版权归原作者所有,这里仅介绍使用方法。实现 Go 页面跳转的简单原理是:以往我们跳转到其他网站是直接访问该网站的链接;使用 Go 页面跳转后,我们先访问本地的 Go 页面(也就是下面 go 文件夹下的 index.php 或直接 go.php文件)然后再跳转到相应的外链网站。
GO 跳转页面代码
将以下代码复制并保存为一个 index.php 文件丢到网站根目录的 go 文件夹下。
<?php /** * 自动跳转页面 * @copyright (c) Emlog All Rights Reserved */ //自定义跳转地址 $cars = array( array("qcloud",'http://www.qcloud.com/redirect.php?redirect=1001&cps_key=8558139aea55e95d71f488081ba44577'), array("upyun",'https://www.upyun.com/league'), array("trustutn",'http://c.trustutn.org/s/aeink.com'), array("gfvps",'https://www.gfvps.cn/page.aspx?c=referral&u=9023'), array("360scan",'http://webscan.360.cn/index/checkwebsite/url/www.aeink.com') ); if(strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") || strpos($_SERVER['REQUEST_URI'], "base64")) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection: Close"); @exit; } //通过QUERY_STRING取得完整的传入数据,然后取得url=之后的所有值,兼容性更好 $t_url = htmlspecialchars(preg_replace('/^url=(.*)$/i','$1',$_SERVER["QUERY_STRING"])); //此处可以自定义一些特别的外链,不需要可以删除以下5行 foreach($cars as $k=>$val){ if($t_url==$val[0] ) { $t_url = $val[1]; $t_vip = 1; } } //数据处理 if(!empty($t_url)) { //判断取值是否加密 if ($t_url == base64_encode(base64_decode($t_url))) { $t_url = base64_decode($t_url); } //对取值进行网址校验和判断 preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i',$t_url,$matches); if($matches){ $url=$t_url; $title='页面加载中,请稍候...'; } else { preg_match('/\./i',$t_url,$matche); if($matche){ $url='http://'.$t_url; $title='页面加载中,请稍候...'; } else { $url = 'http://'.$_SERVER['HTTP_HOST']; $title='参数错误,正在返回首页...'; } } } else { $title = '参数缺失,正在返回首页...'; $url = 'http://'.$_SERVER['HTTP_HOST']; } ?> <html> <!-- @name:aeink goto @description:AE博客跳转页面 @author:墨渊 @time:2017-09-22 @copyright:AE博客&墨渊 @author url:http://www.aeink.com/791.html @ps:你想删我也拦不住看你自觉性吧!! --> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width"> <meta name="robots" content="noindex, nofollow" /> <noscript><meta http-equiv="refresh" content="1;url='<?php echo $url;?>';"></noscript> <meta charset="UTF-8"> <!--[if IE 8]> <style> .ie8 .alert-circle,.ie8 .alert-footer{display:none}.ie8 .alert-box{padding-top:75px}.ie8 .alert-sec-text{top:45px} </style> <![endif]--> <title><?php echo $title;?></title> <style> body{margin:0;padding:0;background:#E6EAEB;font-family:Arial,'微软雅黑','宋体',sans-serif}.main{position:absolute;left:calc(50% - 200px);top:calc(50% - 13em)}.alert-box{display:none;position:relative;margin:auto;padding:180px 85px 22px;border-radius:10px 10px 0 0;background:#FFF;box-shadow:5px 9px 17px rgba(102,102,102,.75);width:286px;color:#FFF;text-align:center}.alert-box p{margin:0}.alert-circle{position:absolute;top:-50px;left:111px}.alert-sec-circle{stroke-dashoffset:0;stroke-dasharray:735;transition:stroke-dashoffset 1s linear}.alert-sec-text{position:absolute;top:11px;left:190px;width:76px;color:#000;font-size:68px}.alert-sec-unit{font-size:34px}.alert-body{margin:35px 0}.alert-head{color:#242424;font-size:28px}.alert-concent{margin:25px 0 14px;color:#7B7B7B;font-size:18px}.alert-concent p{line-height:27px}.alert-btn{display:block;border-radius:10px;background-color:#4AB0F7;height:55px;line-height:55px;width:286px;color:#FFF;font-size:20px;text-decoration:none;letter-spacing:2px}.alert-btn:hover{background-color:#6BC2FF}.alert-footer{margin:0 auto;height:42px;width:120px}.alert-footer-icon{float:left}.alert-footer-text{float:left;border-left:2px solid #EEE;padding:3px 0 0 5px;height:40px;color:#0B85CC;font-size:12px;text-align:left}.alert-footer-text p{color:#7A7A7A;font-size:22px;line-height:18px} </style> </head> <body class="ie8" style=""> <div class="main"> <div id="js-alert-box" class="alert-box" style="display:block"> <svg class="alert-circle" width="234" height="234"><circle cx="117" cy="117" r="108" fill="#FFF" stroke="#43AEFA" stroke-width="17"></circle><circle id="js-sec-circle" class="alert-sec-circle" cx="117" cy="117" r="108" fill="transparent" stroke="#F4F1F1" stroke-width="18" transform="rotate(-90 117 117)" style="stroke-dashoffset:-514px"></circle><text class="alert-sec-unit" x="100" y="172" fill="#BDBDBD">秒</text></svg> <div id="js-sec-text" class="alert-sec-text"> 3 </div> <div class="alert-body"> <div id="js-alert-head" class="alert-head"> <?php echo $title;?> </div> <div class="alert-concent"> <p>一万年太久,只争朝夕</p> </div> <a id="js-alert-btn" class="alert-btn" href="<?php echo $url;?>">立即前往</a> </div> <div class="alert-footer clearfix"> <svg width="46px" height="42px" class="alert-footer-icon"><circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2" stroke-miterlimit="10" cx="21.917" cy="21.25" r="17"></circle><path fill="#FFF" d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z"></path><circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5"></circle><polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 "></polygon></svg> <div class="alert-footer-text"> <p>secure</p>安全加密 </div> </div> </div> </div> <script type="text/javascript"> function alertSet(e) { document.getElementById("js-alert-box").style.display = "block", document.getElementById("js-alert-head").innerHTML = e; var t = 5, n = document.getElementById("js-sec-circle"); document.getElementById("js-sec-text").innerHTML = t, setInterval(function() { //禁止其他网站调用此跳转 //var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>"); //if (!MyHOST.test(document.referrer)) { // location.href="http://" + MyHOST; //} if (0 == t) location.href = "<?php echo $url;?>"; else { t -= 1, document.getElementById("js-sec-text").innerHTML = t; var e = Math.round(t / 5 * 735); n.style.strokeDashoffset = e - 735 } }, 970) } </script> <script>alertSet("<?php echo $title;?>");</script> </body> </html>
这里需要说明的是你也可以直接保存为 go.php 丢在网站根目录下,只不过后面修改链接的时候将 go 替换成 go.php 即可。
GO 跳转页面使用
将上述 index.php 文件丢到网站根目录下的 go 文件夹后,我们既可以通过 http://blog.quietguoguo.com/go/?url=https://www.baidu.com 实现 go 页面跳转了,但是这样每次添加外链都手动添加的话太麻烦,使用下面的代码既可以实现外链自动添加 http://yourdomain.com/go/?url= :
文章内外链添加go跳转
//文章内外链添加go跳转 function the_content_nofollow($content){ preg_match_all('/<a(.*?)href="(.*?)"(.*?)>/',$content,$matches); if($matches){ foreach($matches[2] as $val){ if(strpos($val,'://')!==false && strpos($val,home_url())===false && !preg_match('/\.(jpg|jepg|png|ico|bmp|gif|tiff)/i',$val)){ $content=str_replace("href=\"$val\"", "href=\"".home_url()."/go/?url=$val\" ",$content); } } } return $content; } add_filter('the_content','the_content_nofollow',999);
如果你直接将 Go 页面代码保存成 go.php 的话记得改一下上面链接哦~
评论者链接添加go跳转
//评论者链接添加go跳转 function add_redirect_comment_link($text = ''){ $text=str_replace('href="', 'href="'.get_option('home').'/go/?url=', $text); return $text; } add_filter('get_comment_author_link', 'add_redirect_comment_link', 5); add_filter('comment_text', 'add_redirect_comment_link', 99);
如果你直接将 Go 页面代码保存成 go.php 的话记得这里也要改一下链接哦~
一般情况下我们将站点的这两处链接替换掉就可以了,当然如果你有其他需要只需要想办法将原有外链替换为带有 go/?url= 的就可以了。
评论 (19)
评论里面的外链好像跳转不了啊
有个问题,我设置伪静态后,静态链接打开404错误,不知道怎么回事
我直接替换了go页面代码
这个影响推广链接吗?
如果主题本来就带了这个go.php给你设置好了,但是不想要这个跳转的效果该怎么删除呢
看下 functions.php 文件下有没有相应的代码,移除即可。
@蝈蝈要安静 functions.php中没找到相应的代码,安装的是begin-LTS的主题,go.php放在主题文件下面的,就不知道相应代码放到哪里可以取消这种跳转了
没怎么研究过 Begin 主题,感觉文件有点乱,好像主题 functions.php 文件里又链接了很多其他文件,你看下。
@蝈蝈要安静 虽然我没找到,不过还是很感谢你
放上了不显示,,,
看下链接对不对。
好了,那个安装了ssl证书后主页说不安全,进入后台显示安全怎么弄呀,求教
F12 检查下是否还有 http 请求的资源。
这怎么看 :?: :confused:
请问下,我直接替换了go页面代码,为什么不读秒?直接显示的3秒就不动了。。。
什么意思?问候有下载的文件下载下来上传试试。
文章中的GO跳转页面图挺好看的,非常不错
嗯嗯,就是因为喜欢这个跳转页面的样式才加上的。