有时候,我们需要对特定地区城市/国家的网站访客进行不同的网页跳转。比如,中国用户访问www.bing.com自动跳转到https://cn.bing.com。下面就是我实现的方法,分享给大家,顺便做个记录。
第一步:获取访客 IP 并判断归属地
以前我用的公共接口,比如搜狐,新浪的都失效了。我调查了一下,只有太平洋网络IP地址查询Web接口可用。
接口代码如下
<script type="text/javascript" src="https://whois.pconline.com.cn/ipJson.jsp?callback=smldhz"></script>
返回的数据请自查。
第二步:判断访客 IP 归属和国家
如果是国外访客,显示没有省份名,返回的错误信息是, "err":"noprovince"
如果是国内反馈,会显示具体省份和城市名称,返回的错误信息为空,"err":""
第三步:实现国内访客自动跳转
所以我们可以通过下面方法实现国内访客自动跳转页面:
<script type="text/javascript">
function smldhz(json){ var err = json["err"]; //获取错误信息
if (err !== "noprovince"){
window.location.href='https://cn.bing.com' }
}
</script>
总结:完整代码
js实现获取访客ip归属地+自动跳转页面完整代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到我的网页</title>
<meta name="referrer" content="no-referrer" />
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>测试国内用户是否跳转</p>
<script type="text/javascript">
function smldhz(json){
var err = json["err"]; //获取错误信息
if (err !== "noprovince"){
window.location.href='https://cn.bing.com'
}
}
</script>
<script type="text/javascript" src="https://whois.pconline.com.cn/ipJson.jsp?callback=smldhz"></script>
</body>
</html>
注意:解决跨域问题
在head部分加上以下代码,解决跨域问题,否则可能失败:
<meta name="referrer" content="no-referrer" />