Google custom search ——直接使用代码

最新推荐文章于 2022-07-07 15:44:09 发布

原创最新推荐文章于 2022-07-07 15:44:09 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

编程专栏收录该内容

101 篇文章

订阅专栏

本文介绍了一种简单的方法来集成Google自定义搜索功能。通过创建一个包含Google搜索代码的独立HTML页面，可以在网站的任何位置轻松地引用搜索结果，只需要通过URL参数传递查询字符串。

前面在做google custom search代码，查阅很多资料，最终根据客户需求却做了最简单的方式，将google search 代码放到单独的html文件中，其他所有调用google custom search的代码地方只需要使用html页面名称?q=查询内容方式即可。

新建GoogleSearchResult.aspx页面，在页面中加入如下代码

<script>
  (function() {
    var cx = 'XXXXXXXXXXXXXXX:XXXXX';//此处放上你自己的google search代码
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

在需要获取google search代码的地方，加入搜索内容为searchcontent,那么可以如下调用方法来获取搜索内容 GoogleSearchResult.aspx?q=searchcontent