Google Custom Search Engine Search Box Not Showing

Google Custom Search Engine (CSE) Search Box Not Showing On Website

If your Google Custom Search Engine (CSE) box is not appearing, we suggest you check a few things. The search box may begin to show up again.

Integrating Google Custom Search Engine (CSE) into your website or blog is a pretty easy thing to do. Just open a Google account, go to the CSE page, create a new search engine, get the code, and paste it into your website.

Easy, and you get all the benefits of using Google custom search engine.

But at times, one of the most annoying problems is that the CSE search box does not appear, and you get no idea why this is happening. Well, I have noticed two small mistakes, which, if made, can make the CSE search box disappear.

Fix Google custom search engine search box not showing on website in 33 minutes.

Google Custom Search Engine (CSE) Search Box Not Showing On Website

  1. First Step

    Sign in to Adsense and then click on my ads tab. Click on search >>> Then custom search engines.
    After that, click on the new custom search engine.

  2. Second Step

    Provide the name for your custom search engine. After that, select ONLY SITES I SELECT. Then easily specify your website name.

  3. Third Step

    Modify the below options as you need. Custom Channel >>> Search box style >>> Ad CSS style

  4. Fourth Step

    Under Search results option, make sure to have the below settings correct:
    Search results: ON MY WEBSITE ONLY
    URL where search results will be displayed: Your blog’s specified search results page.

  5. Fifth Step

    Click on the Save button and save and get both codes.
    1. SEARCH BOX CODE
    2. SEARCH RESULTS CODE

    After that, go to your site and create a specified search page.

  6. Sixth Step

    Under HTML section paste the search results code and click save.

  7. Seventh Step

    Go to appearance >>>  Widgets section and paste search box code and click save.

Please Review The Documents Below From Google For Guidance

1. https://developers.google.com/

2. https://developers.google.com/custom-search/docs/

3. https://developers.google.com/custom-search/docs/tutorial/

Include Google Custom Search Engine (CSE) to WordPress Site

Google Custom Search Engine (CSE) Search Box Not Showing On Website
Google Custom Search Engine (CSE) Search Box Not Showing On Website

Let’s understand these problems and their solutions.

Reason 1: Unclosed Form Tag in CSE

If you have another form on your web page and forget to close the CSE form tag, the CSE search box may not appear (especially if the CSE code is coming after another form). Forgetting to close the form tag with </form> is a common mistake made by web developers. See if that is the case with you too. Custom Search Engine’s Code Pieces

For implementing a Custom Search Engine on your webpage, google provides you with a three-part code. These parts are:

  • A JavaScript code
  • Search box markup ( <gcse:searchbox></gcse:searchbox> )
  • Search result markup ( <gcse:searchresults-only></gcse:searchresults-only> )

Both the search box markup and search results markup must appear on your webpage. If search box markup fails to detect search results markup –the search box will not appear.

Why Do We Need CSE (Custom Search Engine)?

It’s very critical to provide better search functionality on site. Usually, the main page contains post less than 10, but your blog users may get the best-related articles from Search only in most cases.

Plus, much Faster Search results than default WordPress Search + Good for your site’s SEO as Google knows this result list from the search query and doesn’t add it to duplicate content list.

In WordPress, for example, every theme has various types of web pages, namely post, page, category, etc. Usually, people add search box markup in the HEADER portion of the code. You’ll need to add the search results markup in the code of every type of page at a position where you wish to show Google’s search results. If you add this markup only, say, in the file that displays post (mostly single.php) –the search box will not appear in other types of web pages.

Google Custom Search Engine Search Box Not Showing

How to install and activate the plugin?

To get a Google Custom Search field on your website, you first need to install and activate the plugin. You can do this by jumping over to the Plugins page in the WordPress admin dashboard. Use the search field provided and search the plugin wp google search. When it pops up, please install and activate it from there.

How to get google search engine ID?

Once on the settings page, you will have some options to fill out. However, the first thing you need to do is get a Google Search Engine ID. You can see at the very top of the settings page there is a box. Use the link provided and get your ID from there. The process is simple.Google Custom Search Engine (CSE) Search Box Not Showing On Website

Finish Configuration.

Now that you have your ID in place, you can go ahead and finish configuring the settings page. There are some options you can choose from. One of the more important ones to pay attention to is the “Search Page Target URL” field.
This is the page you have created for search results. When someone uses Google Custom Search on your website, they will be bounced to another page within your site to get results. So set the page you have created for that here.

Conclusion – Google Custom Search Engine Search Box Not Showing

Google CSE is a good tool to enhance your site. Visitors will get better search results. Moreover, you can monetize your site results using Google Adsense.

I hope this article was useful for you and saved you some time. Please let me know if you have any questions on this topic.

How useful was this post?

Click on a star to rate it!

Total Rating is 4.4 based on 1535 votes.

No votes so far! Be the first to rate this post.

Share:

Facebook
Twitter
Pinterest
LinkedIn

Leave a Reply

Get The Latest Updates

Subscribe To Our Weekly Newsletter

No spam, notifications only about new articles, updates.