我刚为我的网站创建了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>
答案 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>