為自己的站點新增Google自定義搜尋
點選獲取程式碼,可以檢視你的程式碼,其實是一段js程式碼,格式如下:
<script>
(function() {
var cx = '000737368xxxxxxxxxxx: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>
<gcse:searchresults-only></gcse:searchresults-only>
變數cx存的是對於你的賬戶的唯一的key,也就是使用api的許可。
下面的<gcse>標籤searchresults-only指的是我在我的頁面上展現的只有搜尋結果,而不包括搜尋框。關於這個,我們可以點選外觀進行更加詳細的設定。更改完外觀後,這邊的程式碼也會自動改變。
當我們在自己的專案中使用這個搜尋結果頁面時,可以在頁面的div中直接貼上這段程式碼。如果專案中不想出現谷歌的搜尋框,那麼搜尋的關鍵字需要我們通過自己的搜尋框或者其他途徑獲得,然後通過get方法進行傳值。這裡首先需要為<gcse>標籤新增一個屬性,例如queryParameterName="q",意思是當我get時,表單的搜尋input的name屬性應該寫q,表單提交後的url即為****?q=xx,****是搜尋結果頁面,xx是關鍵詞。
通過在外觀設定中定製外觀,再加上自己外層div的修改,可以自由地使用Google自定義搜尋。比如快捷地為自己的站點新增站內搜尋功能。
另外使用這個api還可以方便地檢視搜尋的統計資訊和日誌:
相關推薦
為自己的站點新增Google自定義搜尋
這裡面很多都不需要設定,呼叫的時候一般都是設定在程式碼中。點選獲取程式碼,可以檢視你的程式碼,其實是一段js程式碼,格式如下:<script> (function() { var cx = '000737368xxxxxxxxxxx:yyyyyyyyy'; var gcse = do
C# 直接建立一個DataTable,併為之新增資料(自定義DataTable)
DataTable dt=new DataTable("cart"); DataColumn dc1=new DataColumn("prizename",Type.GetType("System.String")); DataColumn dc2=new Da
Pixhawk---通過串列埠方式新增一個自定義感測器(超聲波為例)
Pixhawk—新增一個自定義感測器—超聲波(串列埠方式) 1 說明 首先超聲波模組是通過串列埠方式傳送(Tx)出資料,使用的模組資料傳送週期為100ms,資料格式為: R0034 R0122 R0122 R0046 R0127 R0044 R00
利用Google瀏覽器自定義搜尋
現在的程式設計很大程度上依賴你是否擅長利用Google。你想實現的程式碼,99%的可能是別人已經實現過了的,並且放到了Stack Overflow或Github上。開發人員的辦公桌上也不再需要一大疊教科書:相反,我們只需要將疑問鍵入到搜尋框中,寄希望於它顯示在第一頁的9個
Confluence 6 站點高級自定義
修改 什麽 follow ssi tro 添加內容 頁面 customize ofo 你可以繼續編輯的全局布局文件來繼續更新你的主面板。請查看 Customizing the Confluence Dashboard 頁面來獲得更多有關的信息。你需要具有一些基本的 Velo
[Visual Studio C++] [MFC] 新增使用者自定義訊息及訊息響應函式講解
一、前言 本文介紹 兩種方法 新增使用者自定義訊息及訊息響應函式。 第一種,使用者手動新增兩個檔案((.h)和 (.cpp))的內容。 第二種,利用 MFC 的整合功能,自動新增。(推薦
Android自定義View——自定義搜尋框(SearchView) 非常實用的控制元件
好多東西寫起來太麻煩了,而且我在最開始用的也不是自己寫的,所以找了一個非常棒的測試了一下. 轉載的 在 Android開發中,當系統資料項比較多時,常常會在app新增搜尋功能,方便使用者能快速獲得需要的資料。搜尋欄對於我們並不陌生,在許多app都能見到它,比如豌
iOS-對圖片操作---新增到自定義相簿
轉自:https://www.jianshu.com/p/7113c2c15e2c 圖片操作---新增到自定義相簿 實際上,自定義相簿中的圖片並不是實際的圖片,而是對系統【相機膠捲】這個相簿中的圖片進行一個引用,所以將圖片儲存到自定義相簿的第一步就是先儲存到系統的【相機膠捲
實現為fork/join框架生成自定義執行緒的ThreadFactory介面
Java 9併發程式設計指南 目錄 實現為fork/join框架生成自定義執行緒的ThreadFactory介面 準備工作 實現過程 工作原理 擴充套件學習 更多關注 fork/join框架是Java9中最有趣的特性之一,它是E
在MFC中新增使用者自定義訊息
首先弄清楚兩點: (1)誰要傳送這個訊息(2)誰要接受這個訊息。 用一個簡單的例子來說明。物件A向B(也可以就是A到A)傳送訊息。 1 傳送訊息 首先在A的標頭檔案中定義這個訊息: #define WM_USERMESSAGE WM_USER+30 所有自定義訊息都
[C++][Visual Studio] [MFC] 新增使用者自定義訊息及訊息響應函式講解
一. 在對應類的標頭檔案中自定義訊息。 程式碼: #define WM_MyMessage WM_USER+100 說明: MFC自有的訊息都是在WM_USER內的,所以
Qt-自定義搜尋框
1.建立輸入框 QLineEdit* text = new QLineEdit(this); text->setGeometry(50,80,200,25); text->setObjectName(QString("text")); 2.建
Android8.1 新增系統自定義服務一 (SELinux許可權)
一開始並沒有注意到android8.0以後和之前有多大區別,知道最近有需求要求增加一個自定義服務,一直沒有生效報avc許可權問題 在SystemServer startOthreService中 ServiceManager.addService (
DataTable 自定義搜尋條件 _ 自定義查詢引數
var table =$('#orderInfoTable').DataTable({ processing: true, //載入 serverSide: true, //後臺分頁 searching: false, //索引 ajax : { url : reque
android 自定義搜尋框
1.編寫佈局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+
織夢繫統中“自定義搜尋模型不存在”的解決方法
搜尋了一下關於自定義搜尋模型不存在這個問題 重新整理下:1.mysql 資料庫在5.0版本以上2. 自定義搜尋表dede_advancedsearch 這個表的結構把256 改成255 3.還有就是搜
Odoo與浪潮合資研發PS Cloud之如何使用自己的公式建立自定義報表
概述 Odoo 9提供了一個強大且易於使用的報告框架。建立新的報告(如稅務報告或特定國家的資產負債表)以滿足您的需要,現在比以往任何時候都容易。 啟用開發人員模式 為了訪問財務報告建立介面,開發模式需要啟用。為此,首先單擊右上選單中的使用者配置檔案,然後單擊關於. 點選:啟用開發人
Dede自定義搜尋結果頁顯示自定義欄位
1。修改puls/advancedsearch.php檔案,找到 $query = "select arctype.* FROM $addontable addon left join dede2_arctype arctype on arctype.id=a
.NET開發環境VS中新增簡單自定義程式碼段
程式碼段極大增加了我們的開發效率,使我們可以快速調出固定的程式碼格式。 比如說,我們在程式中輸入cw,並按下兩次tab鍵,開發環境就會自動為我們生成程式碼。 按兩下tab鍵後 再比如我們輸入 prop 自動生成 我們只需要改一下相應的屬性型別和屬性名即可。 我們
照片儲存到相簿,並新增到自定義相簿中
-(void)addAssetURL:(NSURL*)assetURL toAlbum:(NSString*)albumName withCompletionBlock:(SaveImageCompletion)completionBlock { //相簿存在標