![\"create](\"http:\/\/farm2.static.flickr.com\/1269\/1314687581_71f0b88ff1.jpg\")
<\/p>\n
On this page, enter the following:<\/p>\n
Search engine name<\/strong>: Enter a name for your custom search engine.<\/p>\n Search engine description<\/strong>: Enter a description for your custom search engine.<\/p>\n Search engine keywords<\/strong>: Enter keywords related to the focus of your custom search engine.<\/p>\n Search engine language<\/strong>: Select the primary language of the sites this custom search engine will cover. If your custom search engine covers multiple languages, select All languages<\/strong>.<\/p>\n What do you want to search?<\/strong> Decide whether you only want to present results from the sites you select, the entire web, or the entire web, emphasizing on the sites you select.<\/p>\n Select some sites<\/strong>: Enter the URL of your site.<\/p>\n Advertising status<\/strong>: Specify whether you want sponsored search ads to appear in your search results. You’ll typically want to select the Show ads on results pages<\/strong> option.<\/p>\n Click on Next<\/strong> to finish the configuration.<\/p>\n On the next page, you can test the custom search engine you just created. Once you are satisfied, click on Finish<\/strong>. You have just created your own custom search engine.<\/p>\n To get the code you want to put on your website, click on the Control panel<\/strong> link on your Custom Search Engine home page.<\/p>\n Click on the Code<\/strong> link. The following page appears.<\/p>\n Click on the plus sign next to Search box and search results code for your website<\/strong> to expand this section. First you’ll want to decide how your search box will look like (Google currently offers 7 options). Next, specify the URL for the search results page. This can be any page on your domain. For example, if your domain is http:\/\/www.mysite.com, your search results page can be http:\/\/www.mysite.com\/result.php. After that, you’ll select the location of sponsored search results (Right, Top and Right, or Top and Bottom).<\/p>\n Now you are ready to paste the code into your site.<\/p>\n Search Box Code<\/strong>: Copy and paste the code in the first box into pages on your site where you want the search box to appear. Two things you might want to change are:<\/p>\n Change the font\/text of the Submit button: Modify the line <input type=”submit” name=”sa” value=”Search” \/>. Search Results Code<\/strong>: Next, create the search results page. If you want to keep the template of your website in your search results page, make sure you include the template code in the file. Next, copy and paste the code in the second box into the search results page.<\/p>\n To control the width of your search results, include the following inside your <head> tag in your search results page:<\/p>\n <style type=”text\/css”> In addition, just above the code you pasted, add the following line: <div id=”srchResult”>. Just below the code, add the following line: <\/div><\/p>\n Please note that the googleSearchFrameWidth variable does not work; that’s the reason you need to declare the width via CSS.<\/p>\n Under the Make Money<\/strong>link, you can associate your Adsense account with your custom search engine. You can also create a separate channel to track your Adsense for Search earnings for this particular custom search engine.<\/p>\n After you are done, first upload your new search results file, and you can submit some queries to see how the results page looks. Once you are satisfied, upload all your pages with the new search box. Congratulations! You’ve just added site search functionality to your site.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":" Provides step-by-step instruction on how to set up a site search for your site using Google custom search engine. The two key steps are to create the custom search engine, and to place the code on your website.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[19],"tags":[322,321,320],"_links":{"self":[{"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/posts\/160"}],"collection":[{"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":3,"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/posts\/160\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/posts\/160\/revisions\/693"}],"wp:attachment":[{"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/media?parent=160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/categories?post=160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.1keydata.com\/blog\/wp-json\/wp\/v2\/tags?post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Place Code on Your Website<\/u><\/h2>\n
![\"control](\"http:\/\/farm2.static.flickr.com\/1153\/1315571418_f91d4365d6.jpg\")
<\/p>\n
\nChange the size of the search box: Modify size value in <input name=”q” type=”text” size=”40″ \/> to your desired size.<\/p>\n
\n<!–
\n#srchResult iframe {
\nwidth: 690px;
\n}
\n–>
\n<\/style><\/p>\n