TechTipsApp

Technology tips blog

  • Articles
    Categories
    • Tech news
    • Internet
    • Social Network
    • Google
    • Geeky Tips
    • Android
    • Windows 10
    Top Posts
    • Install Windows XP from USB
    • Install Windows 7 from USB
    • Open Facebook When It's Blocked
    • Partition Hard Drive Without Formatting
    • Reset Windows 7 Password
    • About
    • Contact
    • Privacy policy
    • Advertise
    • Terms of Conduct & Copyright Policy

Site Search: Add Google Custom Search with Separate Search Result Page

Tanmay Google 6 Comments

Every blog or website should have a powerful search engine so that their visitors can easily search the site and get the relevant search results. Though, there are some inbuilt search engines with every blogging platform (WordPress, Joomla etc.) but they are not well enough compared with the Google site search. The inbuilt search engines short the search results out against your search term with date or other factors. That is why people want to integrate the Google site search feature into their blog or website as it is the best search engine entire the web.
Unfortunately, Google Site Search is not a free service. But don’t worry, you can still include Google Custom Search at your site which is free and works almost same as the Google site search.
Well, there are to ways to integrate Google custom search into a site or blog.
1. If you are an Adsense publisher, you can use ‘Adsense for search’ from your account and the implementation of the code is quite easy.
2. Those who do not have an Adsense account can still use the Google custom search at their website. All you need to have a valid Gmail address and visit this Google custom search page. After signing in, follow the step-by-step onscreen instructions out there and finally grab the code which you should place at your website templates or wherever you want to show the Google custom search bar for the visitors.
While the Adsense for search option is a complete search feature, the Google custom search option has some drawbacks. If you’ve tried the Google custom search for your blog, you should find that it shows the search results at the same page where you place that search bar. Which is not a good choice as it distracts your website or blog design.
Rather, you would like to keep a separate search result page and place the search bar at the header section of your blog theme so that the visitors can use the search feature from each page.
In this tutorial, we have written the complete and step-by-step guide to add Google custom search at your blog or website with a separate search result page.
1. Visit Google custom search page and click on the “Create a custom search engine” button. It will ask you to sign-in with a Gmail id. Just do that!
2. In the next page, give a suitable name for your search engine, write a description, specify the site URL in which you want to integrate the custom search engine, select the standard edition, agree with the terms of service and finally, click the “Next” button.

3. Complete all the three steps and you will get a code at the third step. You’ve just created your Google custom search engine and you can use that code any where at your webpages. But that code will show the search results at the same place where you place it, which is not our concern.
So, just ignore that code and click this link http://www.google.com/cse/manage/all which will take you into the page where you can manage your custom search engines.
4. Click on the “Control panel” link. Now, grab the unique id for your search engine from the control panel.

5. Login to your website dashboard or anything else that you can use to mange and edit your website templates. If you are using WordPress,
Go to Dashboard > Create a new page.
6. Paste the following code and publish that page.
Click to view the code.
Note: If you are an advanced WordPress user, you can create a suitable theme template for your search result page and use that template as an attribute for the published page. In this case, you will have to place the above code at that theme template.
7. You’re now one step away from your destination. Look at the following piece of code.
Click to view the code.
You will have to replace the action field with your site’s search result page address (the page URL) and the CX value with you search engine id which you created earlier(the red colored portions). Once you are done, paste the modified code at your theme template where you want to display the search bar.
You might also like to know about Google Personalized Search.
Let us know which one you like to show the search results at your site – The same page or a separate search result page?

Post Tags: Search result
Similar Articles from This Blog
Top 10 Meta Search Engines to Get More Search Result
Top 10 Meta Search Engines to Get More Search Result
Show Last Modified Date For The Posts Intelligently in Genesis
Show Last Modified Date For The Posts Intelligently in Genesis
Google Personalized Search: How To Turn It Off
Google Personalized Search: How To Turn It Off
How to Hide or Disable Google Instant Previews or Live Page Preview at Search Results
How to Hide or Disable Google Instant Previews or Live Page Preview at Search Results
Advanced Google Search Operators to Get Better Search Results
Advanced Google Search Operators to Get Better Search Results

Comments

  1. Arsie :

    Thanks Tanmay for sharing this. I will try to modify my Google Custom Search.

    Reply
  2. Tanmay :

    @Arsie: You are welcome at TTG. Your suggestions are always expected.

    Reply
  3. rafi :

    I was looking for this type of article bcoz I couldn’t be abled with my blog. Thank for your complete explanation.

    Reply
  4. Hockey Gear :

    Hockey Gear

    Reply
    • Hockey Gear :

      Good One

      Reply
  5. chethan Kumar :

    i need your help to know about how to add google custom search in a separate wordpress page. where only the google custom search appears on on the top or middle of the page.

    Reply

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

About Us

Tech Tips App is a technology blog, looking forward to broaden the mental horizons of technical geeks round the web. Striving hard to quench your technical thirst, we have put our best efforts on the line of exhaust to satisfy your versatile technical vocabulary.

Recently Published

  1. Partitioning Hard Drive in Windows 7 Without Formatting
  2. How to Find My Contacts on Google Map
  3. Introducing SMS Organizer by Microsoft is the Best SMS App
  4. How to Fix Windows Update When It Gets Stuck
  5. How to Get Rid of Windows 10 Automatic Repair Loop [Solved]
  6. Best Antivirus for Windows 10 (Is Windows Defender Good Enough?)
  7. Best Facebook Messenger Bots to Get more out of Messenger
  8. How to Fax a Document From Your Smartphone
  9. Top Social Media Platforms You Should Always Know About
  10. Bitcoin vs Altcoin: Where to Invest? – Guide For Dummies

© 2021 Tech Tips App All Rights Reserved  Post Sitemap