Google自定义搜索搜索框未显示

时间:2014-10-22 05:16:42

标签: javascript html css search

我刚为我的网站创建了Google自定义搜索。代码分为两部分:搜索框和搜索结果。我将第一个代码插入到body标签中,但是搜索框没有出现在网站上。

我做错了什么?!

  <body>
<div>
<script>
  (function() {
    var cx = '004556147665872853919:poyz6b7kmfw';
    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></gcse:searchbox>
</div>

2 个答案:

答案 0 :(得分:1)

我已经在我的WordPress网站上成功使用了Google自定义搜索引擎V2代码近3年。升级到WordPress 4.4后,搜索框元素将不会显示。使用Firebug检查页面显示搜索框代码已存在,但没有任何CSS调整可以使其可见。

我尝试使用更新后的URL代码的DEMO LINK2,它几乎可以工作,但前提是我使用gcse:searchbox而不是“仅限搜索框”。显示了搜索框,但搜索结果在搜索框小部件中呈现,而不是像之前那样具有gcse:searchresults-only代码的第二页。这是gcse:searchbox的预期行为,因为它在同一页面中同时显示框和结果。

经过数小时的故障排除后,我又回到了GCSE V1代码。问题解决了!我无法解释原因。

答案 1 :(得分:0)

请在下面的演示链接中找到更正后的方法。

再次检查您的HTML,我保持HTML和脚本分开。虽然这不重要,但只需交叉检查一次。

<gcse:searchbox></gcse:searchbox>

DEMO LINK

DEMO LINK2 with Updated URL