• 售前

  • 售后

热门帖子
入门百科

WordPress添加并整合Google自界说搜刮实现步骤及代码

[复制链接]
xinting_6ym 显示全部楼层 发表于 2021-8-15 19:57:44 |阅读模式 打印 上一主题 下一主题
给博客添加一个Google自定义搜刮是非常须要的,用户搜刮时高亮显示了关键词,提升了搜刮的准确度,利用Google高速Ajax加载,大大减轻了主机负担,以致你还可以自定义CSS,自定义显示结果,同时还可以在Google自定义搜刮中集成Adsense与Analytics。

给WordPress添加Google自定义搜刮很简朴,以致有些WordPress主题已经提供了Google自定义搜刮,你只要填写上Google自定义搜刮的CX值即可。但显示搜刮结果的页面都是在单独的窗口中打开,没有了原窗口的样式,所以我们可以将Google自定义搜刮整合到博客中。

由于各种主题的添加方法差别,这里只说一下比力简朴的方法:网上大多数是本身创建一个cse.php文件来单独的控制CSS和填写Google自定义搜刮代码,但我觉得直接把Google自定义搜刮代码添加到搜刮页模板中,要更加简朴,大多数环境下你你根本不必要在去定义CSS。
1、用 Google帐号登录 http://www.google.com/cse/
2、创建一个 自定义搜刮引擎,填写相关信息,选择标准版,搜刮网站 得到自定义搜刮代码,添加在你的主题搜刮页中,一样寻常是search.php 。(把search.php中原文件删除,因为一样寻常是调用存档页,不然你添加后会同时显示原来搜刮的内容和Google自定义搜刮的内容,大概导致页面错位)
留意:把Google自定义代码添加在这里,但要删除Google自定义搜刮代码的后三行,如图所示:


复制代码代码如下:
<?php
/*
google seach
*/
?>
<?php get_header(); ?>
<div>
<div>   Google自定义搜刮代码   var match = location.search.match(/s=([^&]*)(&|$)/);//正则传参
if(match && match[1]){
var search = decodeURIComponent(match[1]);
customSearchControl.execute(search);
}
});
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
</div>
</div>
<?php get_footer(); ?>

相比而言,这种方法要简朴多了,有爱好的朋友可以试试看。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作