JS实现获取来自百度,Google,soso,sogou关键词的方法

获取来自百度、Google、soso、sogou等搜索引擎的关键词,可以通过以下步骤进行:

  1. 获取referral信息:

搜索引擎会将搜索关键词作为URL参数传递给你的网站,这些参数通常是在HTTP Referrer中传递的。因此,可以通过获取HTTP Referrer来获取搜索关键词。在JavaScript中,可以通过以下代码获取HTTP Referrer信息:

var referrer = document.referrer;
  1. 解析URL参数:

搜索引擎会将搜索关键词作为URL参数传递给你的网站,因此可以通过解析URL参数来获取搜索关键词。在JavaScript中,可以通过以下代码获取URL参数信息:

function getQueryParam(param) {
    var search = window.location.search.substring(1);
    var params = search.split("&");
    for (var i = 0; i < params.length; i++) {
        var pair = params[i].split("=");
        if (pair[0] === param) {
            return decodeURIComponent(pair[1]);
        }
    }
    return null;
}

这段代码会将URL参数解析为key/value的键值对,并根据指定的参数名称返回参数值。

下面是两条示例说明:

  1. 获取来自百度的搜索关键词

当用户通过百度搜索访问你的网站时,百度会将搜索关键词作为URL参数wd传递给你的网站。因此,可以通过以下代码获取百度的搜索关键词:

var referrer = document.referrer;
if (referrer.indexOf("baidu.com") !== -1) {
    var keyword = getQueryParam("wd");
    console.log("The searched keyword is: " + keyword);
}
  1. 获取来自Google的搜索关键词

当用户通过Google搜索访问你的网站时,Google会将搜索关键词作为URL参数q传递给你的网站。因此,可以通过以下代码获取Google的搜索关键词:

var referrer = document.referrer;
if (referrer.indexOf("google.com") !== -1) {
    var keyword = getQueryParam("q");
    console.log("The searched keyword is: " + keyword);
}

以上两个示例都是通过判断HTTP Referrer中包含特定的搜索引擎域名来确定用户是否来自该搜索引擎,并且在获取关键词时都是通过解析URL参数来获取的。根据不同的搜索引擎,需要使用不同的URL参数名称来获取搜索关键词。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS实现获取来自百度,Google,soso,sogou关键词的方法 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • JavaScript实现世界各地时间显示

    当使用 JavaScript 实现世界各地时间显示时,我们可以利用 Date 对象和其方法,将获取的世界各地时区与本地时间进行计算再进行显示。 以下是实现该功能的完整攻略: 步骤一:获取本地时间 在 JavaScript 中,我们可以通过创建 Date 实例来获取当前本地时间。下面是一个获取本地时间的实例: const localTime = new Dat…

    JavaScript 2023年5月27日
    00
  • javascript计算对象长度的方法

    当我们需要计算JavaScript对象的长度时,可能会遇到一些困惑。在JavaScript中,通常使用对象字面量(例如{})或构造函数创建对象。计算对象字面量和构造函数对象长度的方法略有不同。 计算对象字面量数量的方法 计算对象字面量数量的一种常见方法是使用Object.keys()方法。它会返回对象中属性名称的数组。通过计算该数组的长度,我们可以得知对象字…

    JavaScript 2023年5月27日
    00
  • JavaScript实现PC端横向轮播图

    下面是JavaScript实现PC端横向轮播图的完整攻略: 准备工作 要实现PC端横向轮播图,需要先准备好以下几点: HTML结构,即容器元素及其子元素,通常是一个div包裹符合数量的图片(img标签)。 CSS样式,如容器元素宽高、溢出隐藏、子元素浮动、统一宽高等。 JS代码,用来实现轮播图的滑动效果,具体实现方式后面会讲到。 实现步骤 确认容器元素的宽度…

    JavaScript 2023年6月11日
    00
  • JavaScript RegExp 正则表达式对象详细说明

    JavaScript RegExp 正则表达式对象详细说明 什么是正则表达式 正则表达式是一种用于处理字符串的表达式。它可以通过匹配字符的组合来实现对字符串的模式匹配,验证输入数据的有效性等。 RegExp 构造函数 RegExp 构造函数是用来创建一个 RegExp 对象的。它可以接受两个参数,分别是正则表达式字符串和修饰符字符串。正则表达式字符串用来定义…

    JavaScript 2023年6月10日
    00
  • 详解JavaScript编程中的数组结构

    详解JavaScript编程中的数组结构 数组是JavaScript编程中常用的一种数据结构,它可以存储一组有序的数据,并通过索引来访问其中的元素。在JavaScript中,数组可以存储任何类型的数据,包括数字、字符串、对象等。 数组的创建 JavaScript中可以通过下面几种方式来声明并创建一个数组: 使用数组字面量 var fruits = [‘app…

    JavaScript 2023年5月27日
    00
  • 详解JavaScript es6的新增数组方法

    下面就来详细讲解JavaScript ES6新增的数组方法。 简介 ES6为数组添加了很多有用而方便的方法,这些方法可以让开发者的工作更加高效。下面就来简单介绍一下ES6新增的数组方法。 新增方法 Array.from() Array.from()方法用于将类数组对象或可迭代对象转换为数组。此方法的第一个参数是要转换的对象,第二个可选参数是一个映射函数,用于…

    JavaScript 2023年5月27日
    00
  • JavaScript中require和import的区别详解

    JavaScript中require和import的区别详解 在JavaScript中,有两种方法用于引入外部模块:require和import。这两种方法虽然都能实现模块的引入,但是在用法和功能上存在一些区别,接下来我们将分别讲解它们并提供示例。 require require是CommonJS中使用的一种加载机制,使用较为简单,用于引入基于node.js…

    JavaScript 2023年6月10日
    00
  • 深入理解Javascript中this的作用域

    下面是针对“深入理解Javascript中this的作用域”的完整攻略: 1. this的基本概念 在 JavaScript 中,this 代表函数运行时的上下文环境,指向的是当前函数执行的对象。也就是说,this 的值是根据函数的调用方式而定的,有以下几种: 函数作为独立的函数调用时,this 指向全局对象,也就是 window(浏览器环境)或 globa…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部