1. 程式人生 > >為自己的站點新增Google自定義搜尋

為自己的站點新增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 { //相簿存在標