其实采用Cookies可以记录用户在网站的搜索记录,我们需要记录并输出用户的搜索记录,并添加一个清空搜索历史功能,如何通过Cookie记录来查看WordPress网站的用户搜索历史?

将用户搜索记录写入 Cookie

/**

* 通过Cookie记录用户搜索记录

*/

function wpkj_set_recently_searches(){

//仅在前端搜索页面执行

if ( is_search() && !is_admin() ) {

$search_term = get_search_query();

if( $search_term ) $search_term = trim( $search_term );

//如果搜索字段不存在或为空,不继续

if( !$search_term || $search_term === \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’) return;

//检查并设置搜索历史数组

$recently_searches = array();

if(isset($_COOKIE[\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wpkj_recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’])) {

$recently_searches = explode(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’,\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, $_COOKIE[\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wpkj_recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’], 20);

}

if(!in_array( $search_term, $recently_searches)){

$recently_searches[] = $search_term;

}

//设置cookie为30天

setcookie(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wpkj_recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, implode(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’,\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, $recently_searches), current_time(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’timestamp\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’) + (86400*30), \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”/\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”);

}

}

add_action( \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wp\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wpkj_set_recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, 20 );

在上面的代码中,我们封装了一个 wpkj_set_recently_searches 函数,然后将该函数挂载到 wp 钩子中执行。

获取并输出用户的搜索记录

/**

* 获取用户最近搜索记录

*/

function wpkj_get_recently_searches( $limit = 10, $title = false ){

$recently_searches = array();

if(isset($_COOKIE[\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wpkj_recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’])) {

$recently_searches = explode(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’,\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, $_COOKIE[\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wpkj_recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’]);

//将搜索记录倒序

$recently_searches = array_reverse($recently_searches);

if( !emptyempty($recently_searches) ) {

$HTML = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”recently-searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’;

if( $title ) $html .= \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<h2 class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”searches-title recently-searches-title\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’. htmlspecialchars($title) .\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'</h2>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’;

$html .= \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<ul class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”recently-searches-ul\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’;

$home_url_slash = get_option(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’home\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’) . \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’/\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’;

$i = 1;

foreach( $recently_searches as $result ) {

$html .= \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<li class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”search-item\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”><a href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’. $home_url_slash . \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’?s=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’ . $result . \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’. htmlspecialchars($result) .\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'</a></li>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’;

$i++;

}

$html .= \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'</ul>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’;

$html .= \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'<div class=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”recently-searches-del\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’.__( \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’Clear search history\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, THEME_SLUG ).\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'</div>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’;

$html .= \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'</div>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’;

return $html;

}

}

}

wpkj_get_recently_searches 函数有两个参数,第一个为调用的个数,第二个为标题。然后我们可以在需要输出搜索记录的地方,使用下面的代码即可:

if(function_exists(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wpkj_get_recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’)) {

echo wpkj_get_recently_searches( 10, \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’搜索历史\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’);

}

清空当前用户搜索历史

这里通过 js 方式实现:

//添加一个js函数用于删除cookie

function delCookie(name) {

var exp = new Date();

exp.setTime(exp.getTime() – 1);

var cval = getCookie(name);

if (cval != null) document.cookie = name + \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\” + cval + \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”;expires=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\” + exp.toGMTString();

}

//很抱歉,这里采用的是jquery操作

jQuery(document).ready(function($) {

$(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”.recently-searches-del\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”).on(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”click\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”, function() {

//删除cookie

delCookie(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”wpkj_recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”);

//隐去搜索历史部分的内容

$(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”.recently-searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”).fadeOut();

});

});

你可以将上面的 js 代码添加到一个 js 文件中,比如命名为 recently-searches.js,然后可以通过下面的代码引入:

//引入搜索历史js

function wpkj_recently_searches_scripts() {

wp_enqueue_script( \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’recently_searches\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, get_template_directory_uri() . \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’https://img.2kss.com/assets/js/recently-searches.js\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, array( \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’jquery\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’ ), \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, true );

}

add_action( \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wp_enqueue_scripts\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’, \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’wpkj_recently_searches_scripts\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\’ );

请注意下 js 文件的路径,上面的代码表示我将 recently-searches.js 放在了当前主题的 /assets/js 目录下,你需要根据自己的实际修改这个路径。到这里就 OK 了。

相关新闻

发表评论

您的电子邮箱地址不会被公开。

联系我们

联系我们

151-1101-0018

在线咨询:
邮件:30115776@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信
关注微信
分享本页
返回顶部