在搜索栏的其他页面上实施Google Site Search结果

时间:2014-01-28 21:59:44

标签: javascript

我创建了搜索栏ok

<div>
<script>
  (function() {
    var cx = '003731665015056279148:yerke0wpj1y';
    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:searchbox-only resultsUrl="http://www.mysite.com/search-results.php"></gcse:searchbox-only>

</div>

这似乎工作正常,它重定向到search-results.php页面并在网址中包含“?q =搜索查询”。

我的结果页面包含

<div id="searchbox-only">
</div>

我猜这里的div中应该有一些代码,但无法解决问题。

是否可以将任何CSS添加到搜索栏和结果?

1 个答案:

答案 0 :(得分:0)

根据我在设置CSE时的示例判断,您的结果页面应该有一段代码:

<script>
  (function() {
    var cx = 'your CSE id goes here';
    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>

但是,我很难将其显示在单独的页面上......