WordPress添加并整合Google自定义搜索实现步骤及代码

WordPress添加并整合Google自定义搜索实现步骤及代码,第1张

WordPress添加并整合Google自定义搜索实现步骤及代码

有必要为博客添加一个谷歌自定义搜索。客户搜索时,关键词会高亮显示,提高了搜索的准确率。在WordPress中加入Google自定义搜索非常简单,甚至有些WordPress主题已经显示了Google自定义搜索。如果你填写谷歌自定义搜索的CX值,你可以做到这一点。

给blog添加一个Google自定义搜索是十分必要的,客户搜索时高亮显示了关键字,提高了搜索的精确度,应用Google髙速Ajax载入,大大的缓解了服务器压力,乃至你要能够自定义CSS,自定义显示信息結果,另外还能够在Google自定义搜索中集成化Adsense与Analytics。

给WordPress添加Google自定义搜索非常简单,乃至一些WordPress主题早已出示了Google自定义搜索,你要是填好上Google自定义搜索的CX值就可以。但显示信息搜索結果的网页页面全是在独立的对话框中开启,没了原对话框的款式,因此我们可以将Google自定义搜索融合到blog中。

因为各种各样主题的添加方式不一样,这儿只说一下非常简单的方式:在网上大部分是自身建立一个cse.php文件来独立的 *** 纵CSS和填好Google自定义搜索代码,但我认为立即把Google自定义搜索代码添加到搜索页模版中,要更为简易,大部分状况下你你基础不用在去界定CSS。
1、用Google帐号登录http://www.google.com/cse/
2、建立一个自定义搜索模块,填好基本信息,挑选专业版,搜索网址得到自定义搜索代码,添加在你的主题搜索页中,一般是search.php。(把search.php中华文件删除,由于一般是启用归档页,要不然你添加后会另外显示信息原先搜索的內容和Google自定义搜索的內容,很有可能造成网页页面移位)
留意:把Google自定义代码添加在这儿,但要删掉Google自定义搜索代码的后三行,如下图所示:
 

拷贝代码代码以下:
<?php
/*
googleseach
*/
?>
<?phpget_header();?>
<div>
<div>&#160;&#160;Google自定义搜索代码&#160;&#160;varmatch=location.search.match(/s=([^&amp;]*)(&amp;|$)/);//正则表达式传参
if(match&amp;&amp;match[1]){
varsearch=decodeURIComponent(match[1]);
customSearchControl.execute(search);
}
});
</script>
<linkrel=&quot;stylesheet&quot;href=&quot;http://www.google.com/cse/style/look/default.css&quot;type=&quot;text/css&quot;/>
</div>
</div>
<?phpget_footer();?>

相比而言,这类方式要简易多了,有兴趣爱好的盆友能够试一试。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/772569.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存