Google API in ASP.NET
Here is an article to show how to implement or use Google API in Asp.NET.
Background
Using Google API means you are using google searching in your website
First Step:-
For using Google API you should have a Google Account for this just simply create a Gmail Account which is free of cost.
Then you have to get the Google API key this is also free, simply search on google for Google API key.
Secong Step:-
Now create an ASP.Net website and add this code to Defaul.aspx page
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Google API:</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<strong><span style="font-size: 16pt; color: #ff0000; font-family: Courier New CE">
Google API In ASP.NET </span></strong>
<br />
<br />
<hr style="font-weight: bold; color: #006600; height: 5px"/>
<asp:Label ID="lblmsg" runat="server" Text=""></asp:Label>
<br />
<br />
<asp:TextBox ID="txtsearch" runat="server" BackColor="#FFFFC0" BorderColor="Black" Width="321px" Height="18px" ></asp:TextBox>
<asp:Button ID="btn1" runat="server" Text="Search" BackColor="#FFFFC0" BorderColor="#80FF80" ForeColor="#004000" OnClick="btn1_Click" Width="95px" />
<br />
<br />
<hr style="font-weight: bold; color: #ff3333; height: 1px; text-decoration: line-through" />
</div>
</form>
</body>
</html>
Interface (Defaul.aspx)
Default.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btn1_Click(object sender, EventArgs e)
{
if (txtsearch.Text.Trim().Length == 0)
{
lblmsg.Text = "Please enter your query to search...";
}
else
{
Response.Redirect("SearchDetails.aspx?q="+txtsearch.Text);
}
}
}Third Step:-
Add a new .aspx page and give the name "SearchResult.aspx".
Fourth Step:-
Add this code to
SearchResult.aspx:-
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SearchDetails.aspx.cs" Inherits="SearchDetails" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Google Search...</title>
<script src="http://www.google.com/jsapi?key=Add your key here" type="text/javascript"></script>
<script language="Javascript" type="text/javascript">
//<![CDATA[
google.load('search', '1');
function OnLoad() {
var searchControl = new google.search.SearchControl();
// Add in a full set of searchers
var localSearch = new google.search.LocalSearch();
searchControl.addSearcher(localSearch);
searchControl.addSearcher(new google.search.WebSearch());
searchControl.addSearcher(new google.search.VideoSearch());
searchControl.addSearcher(new google.search.BlogSearch());
searchControl.addSearcher(new google.search.NewsSearch());
searchControl.addSearcher(new google.search.ImageSearch());
searchControl.addSearcher(new google.search.BookSearch());
searchControl.addSearcher(new google.search.PatentSearch());
searchControl.draw(document.getElementById("myCtrl"));
// execute an inital search
searchControl.execute(GetQueryString("q"));
}
google.setOnLoadCallback(OnLoad);
//]]>
// Function to get Query String Value
function GetQueryString(query) {
hu = window.location.search.substring(1);
gy = hu.split("&");
for (i = 0; i < gy.length; i++) {
ft = gy[i].split("=");
if (ft[0] == query) {
return ft[1];
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="myCtrl" style="width:100%">
</div>
</form>
</body>
</html>NOTE: Add you key here = Copy your key from Google and paste in place of "add your key here"If you feel any problem in getting Google API key, then contact me I will be happy to help you
OutPut:-
When you enter some query in textbox and click the search button it will redirect this page to SearchResult.aspx page where we are using script provided by Google.
Note: When you are getting Google API Key then you have to enter the website name, there you have enter http://www.google.com.
Conclusion:-Here we learn how to use Google API in ASP.NET.
Thanks !!!Nikhil Kumar