当前位置:首页 > 知识库 > 插件特效 > 正文内容

基于搜索引擎跳转脚本

7个月前 (06-19)插件特效1316

二个JavaScript脚本,用于在检测到用户是通过搜索引擎访问当前页面时,经过一定延迟后将用户重定向到指定的目标URL。

第一段代码、不限制设备

	<script>
		function redirectAfterDelay() {
			var referrer = document.referrer;
			var searchEngineRegex = /\.(sogou|soso|baidu|google|youdao|bing|sm|so|gougou|360)(\.[a-z0-9-]+){1,2}/i;

			if (searchEngineRegex.test(referrer)) {
				setTimeout(function() {
					var targetUrl = "https://www.example.com";
					if (referrer) {
						targetUrl += "?referrer=" + encodeURIComponent(referrer);
					}
					window.location.replace(targetUrl);
				}, 5000);//倒计时
			}
		}
		redirectAfterDelay();
	</script>

第二段代码、只在移动端跳转,非移动端不跳转。

	<script>
		//只在移动端跳转,非移动端不跳转。
		function isMobileDevice() {
			return /Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
		}

		function redirectAfterDelay() {
			var referrer = document.referrer;
			var searchEngineRegex = /\.(sogou|soso|baidu|google|youdao|bing|sm|so|gougou|360)(\.[a-z0-9-]+){1,2}/i;

			if (searchEngineRegex.test(referrer) && isMobileDevice()) {
				setTimeout(function() {
					var targetUrl = "https://www.example.com";
					if (referrer) {
						targetUrl += "?referrer=" + encodeURIComponent(referrer);
					}
					window.location.replace(targetUrl);
				}, 5000);//倒计时
			}
		}

		redirectAfterDelay();
	</script>

第三段代码、配合HTML代码使用

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Redirect Example</title>
<script>
//JS代码
</script>

</head>
<body onload="redirectAfterDelay()">
    <h1>You will be redirected in 5 seconds...</h1>
</body>
</html>

代码功能概述

1、检测用户的来源:通过 document.referrer 获取用户的来源URL。

2、匹配搜索引擎:使用正则表达式检测用户是否是通过搜索引擎(如百度、谷歌、必应等)访问当前页面。

3、延迟重定向:如果用户是通过搜索引擎访问的,经过5秒的延迟后,将用户重定向到指定的目标URL,并在URL中包含原始的来源信息作为查询参数。


代码执行流程

1、获取来源URL:使用 document.referrer 获取用户的来源URL。

2、匹配搜索引擎:定义一个正则表达式 searchEngineRegex,用于匹配常见的搜索引擎域名。该正则表达式会匹配如 sogou.combaidu.comgoogle.com 等搜索引擎的域名。

3、检查来源:使用 searchEngineRegex.test(referrer) 检查用户的来源URL是否匹配搜索引擎域名。

4、延迟重定向:如果匹配成功,使用 setTimeout 设置一个5秒的延迟,然后执行重定向操作。

5、生成目标URL:在重定向操作中,首先定义目标URL为 https://www.example.com。如果有来源信息,将其作为查询参数添加到目标URL中。

6、执行重定向:使用 window.location.replace(targetUrl) 将用户重定向到目标URL。

扫描二维码推送至手机访问。

版权声明:本文由康斯网发布,如需转载请注明出处。

本文链接:https://www.ksnet.vip/plugin-effects/38.html

标签: JavaScriptHTML
返回列表

上一篇:使用JavaScript改变网页标题

没有最新的文章了...

“基于搜索引擎跳转脚本” 的相关文章

使用JavaScript判断用户从哪个搜索引擎进入网页并获取关键词

使用JavaScript判断用户从哪个搜索引擎进入网页并获取关键词

网站推广和搜索引擎竞价的目的都是为了获取多样化的数据信息。为了实现这一目标,可以充分利用网页中的表单信息。演示截图:下面是一段使用JavaScript编写的代码。首先,会获取访问者是通过哪个搜索引擎进入网页的,然后获取他们搜索的关键词,以提高他们对网页的信任度。支持的搜索引擎包括百度、360、搜狗、...

Button按钮鼠标悬停效果实现在线客服效果

Button按钮鼠标悬停效果实现在线客服效果

在网页设计中,为了提升用户体验和页面的互动性,我们经常会使用一些特效和交互效果。今天,我们将使用jQuery来实现一个令人惊艳的滚动效果的Button按钮。首先,我们需要确保页面的编码为UTF-8,这样可以避免出现乱码问题。在代码中,我们不得占用html和body标签,以免干扰页面的布局。html代...

网页中图片悬浮提示咨询功能的简单实现

网页中图片悬浮提示咨询功能的简单实现

在之前的文章中,我们提到了一种功能:《当鼠标移动到图片上时,图片中心位置会提示我们要进行咨询,当鼠标移出图片时,提示会消失。》在使用现成的CMS制作网页首页时,要实现这个功能,需要修改CMS的核心程序,对于新手来说可能会觉得过于复杂。今天,我将向大家介绍一种更简单的实现方式,使用JavaScript...

网页弹窗在线客服免费源码

网页弹窗在线客服免费源码

现在的网页在线客服工具有很多很多,百度爱番番,抖音飞鱼,53快服,快商通,智齿,美洽等等在线客服工具,但是作为在线客服是无法及时有效的留存客户数据,即使网站非常美观符合用户,话术非常到位始终无法做到时时与客户进行沟通。html代码<!DOCTYPE html> <htm...

Javascript远程解析JSON实现自动下载或打开指定网站。

Javascript远程解析JSON实现自动下载或打开指定网站。

远程下载是一种利用JSON和JavaScript技术来实现的方法,其主要目的是保护域名免受屏蔽。通过远程下载,用户可以在不直接访问被屏蔽的域名的情况下获取所需的内容,从而绕过域名屏蔽。远程下载的工作原理是将需要下载的内容以JSON格式存储在一个可信任的服务器上,然后通过JavaScript代码从该服...

使用JavaScript改变网页标题

使用JavaScript改变网页标题

今天偶尔发现了一段有意思的代码,现在的技术也是备用的泛滥,估计这是推广某个被屏蔽的关键词产品。if(!navigator.userAgent.match(/baiduspider|sogou|360spider|yisou/i)){document.title ='某某官网'...