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

我刚刚为我的网站创建了Google自定义搜索。有两部分代码：用于搜索框和用于搜索结果。我将第一个代码插入到body标签中，但搜索框未显示在网站上。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>

来源

2014-10-22 miKZ

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

再次检查您的HTML，我已经保持HTML和脚本分开。虽然这并不重要，但只是交叉检查一次。

<gcse:searchbox></gcse:searchbox>

DEMO LINK

DEMO LINK2 with Updated URL

来源

2014-10-22 05:56:25 Subh

此外，我不知道你是如何生成的URL，你可以使用下面的CX而不是你的.. var cx ='017643444788069204610：4gvhea_mvga'; – Subh 2014-10-22 06:02:03

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

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

经过几个小时的故障排除后，我又回到了GCSE V1代码。问题修复了！我无法解释为什么。

来源

2015-12-23 21:26:30 Robert

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

回答

相关问题