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

【问题标题】：Google Custom Search searchbox not showingGoogle 自定义搜索搜索框未显示
【发布时间】：2014-10-22 05:16:41
【问题描述】：

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

我做错了什么？！

  <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>

【问题讨论】：

标签： javascript html css search

【解决方案1】：

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

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

经过数小时的故障排除后，我恢复到了 GCSE V1 代码。问题已解决！我无法解释为什么。

【讨论】：

【解决方案2】：

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

再次检查您的 HTML，我已将 HTML 和脚本分开。尽管这无关紧要，但只需交叉检查一次。

<gcse:searchbox></gcse:searchbox>

DEMO LINK

DEMO LINK2 with Updated URL

【讨论】：

另外，我不确定您是如何生成 URL 的，您可以使用以下 CX 代替您的 .. var cx = '017643444788069204610:4gvhea_mvga';