帶自定義搜索框的Google自定義搜索？

我正在尋找將谷歌自定義搜索添加到我的網站，但我已經設計了搜索框佔位符，我希望我的搜索框看起來像這樣。帶自定義搜索框的Google自定義搜索？

經過一番搜索，似乎以前的所有問題如this one都已過時。

我有關於造型發現的唯一的事情是這樣的：

<script> 
    (function() { 
    var cx = 'XXXXXXXXXX:YYYYYYYYY'; 
    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> 
<div style="width:0px;overflow:hidden;height:0px;"> <!-- if you use display:nonw here it doesn't work--> 
    <gcse:search></gcse:search> 
</div> 
<form id="searchbox_XXXXXXXXXX:YYYYYYYYY" action=""> 
    <input value="XXXXXXXXXX:YYYYYYYYY" name="cx" type="hidden"/> 
    <input value="FORID:11" name="cof" type="hidden"/> 
    <input id="q" style="" name="q" size="75" type="text"/> 
    <button class="btn">Search</button> 
</form>

但是，當您提交表單，什麼都不會發生。

我注意到action =「」被留空，當我輸入我的網站「www.kokorugs.com/」時，它也不起作用。

任何想法將不勝感激！

來源

2013-04-11 Raphael Rafatpanah

我發現的唯一方法是使用JQuery創建掛鉤到呈現的Google元素中。由於您想將自定義搜索框與要素綁定，因此您應該渲染gsce：僅限結果而不是gsce：搜索並按照我以前的answers之一執行。

來源

2016-03-02 19:12:51 Deovandski

帶自定義搜索框的Google自定義搜索？

回答

相關問題