How to Setup Google AdSense for Google Custom Search Result Page?

AdSense tricks

Google AdSense is the best affiliate to generate revenue rapidly and this is also known as affiliate leaders over the net. There are tons of article you will find about AdSense alternative but nobody can compete with Google AdSense. Most of the blogger knows about Google AdSense ads placement system. Google AdSense will allow us 3 Ad units 3 Link units and 2 Custom Search Engines. Everybody knows how to place 3 Ad units 3 Link units on blog easily. But what about the 2 Custom Search Engines for AdSense? This may be unfamiliar to us but we can easily increase our revenue by displaying ads on search result. More clearly, when somebody search something on your blog then the Google AdSense ads will appear with search result page. Sounds like good and we can monetize our AdSense ads properly by full utilization of all ad units. 

I have seen many popular who doesn't enable this options but still there is a chance to increase our income by displaying AdSense ads on search result page. So I will explain in details how we can displaying AdSense ads on search result page. I have classified the total process within 4 section A | B | C | D and adequate images added for your better understanding. If you want to see demo then search something on my search box and it will show the result page with AdSense Ads. 

A. Search

Step 1 Login to your AdSense account and select My Ads

Step 2 Now click on Search ->Custom search engines

Step 3 Give any Name from Name field (e.g Blogger Spice Search)

Step 4 Under What to Search select Only sites I selectand write your Blog Address.

Step 5 In Keywords field write some keyword which is related to your blog

Step 6 Now Put Tick on check box for SafeSearch.

Step 7 Country of Territory Select United States.

Step 8 Site Language field should be your blog language. (e.gEnglish, Indonesian)

Google Ads

B. Search Box Style

Step 1 Under this options you will find Look and feel with 7 search box style. Select best suit  

according to your template color.

Step 2 Text box length you can set the character to change the width of the search box.

Search box style

C. Ad style

Here you can customize ads according to your own color preferences. You can change the color of Ad unit’s Border, Title, Background, Text, URL, and Visited URL.
Search results

custom AdSense

Step 1 Select Display results among 3 options. On a Google Page in the same window is better.

Step 2 Logo Image URL Give your blog Logo image link here. When search page will open then your blog logo will display.

Step 3 Logo destination URL write here your Blog/site address. When visitor will click on your logo then it will redirect to your blog/site home page.

Step 4 Logo Position you can select Above search box or Beside search box. Select any one according to your choice.

Step 5 Now Hit the Save and get Code button a popup window will appear with 2 code Search box code and Popular queries code.

Google Search box

Note: Search box code will display your Google Custom Search box and Popular queries code will collect query or Keywords from visitors.

D. How to add code on your blog?

Step 1 Go to your blogger account ->Layout

Step 2 Click on Add a Gadget-> ‘’HTML/Java Script’’

Step 3 Now copy the 2 code Search box code and Popular queries code and Paste it into 

‘’HTML/Java Script’’.

earn money

Step 4 Now hit the save button.

Step 5 Now write some query on your search box and click on Search then see a new page will appear with search result. And your AdSense ads will display at the top of the page below your blog logo.

search result page

Hope this tutorial will guide you to setup Google AdSense for search result page. You can place 2 search Box so if you want to place another search box at the bottom of your blog then go through the above steps and create another Search code. If you feel any trouble then feel free to leave a comment below I will reply you as soon as possible. 


  1. MDL
    nice post sir!!!
    • BloggerSpice
      thanks bro..
  2. Umesh Tarsariya
    Nice post Mohammad Fazle Rabbi, as per google adsense rules we will be able to add only two adsense linked search box, very well written thanks a lot :)
    • BloggerSpice
      you have to set 2 search box..1 at the top and another 1 at the bottom..But per search result page will display 2 ads at a time.
  3. Unknown
    thanks bro but tell me how we can change the size search box after implement the code ?
    • BloggerSpice
      You can set the "Text Box Length" for increase or decrease search box. find size after adding the code. My search box size is 91 you may choose different according to "Text Box Length".


      and now change the size 91 to 55 for reduce or increase the value.
  4. Unknown
    so you mean we can modify google default adsense code ?
    but i think google policies are not allowed to any modification ?
    • BloggerSpice
      this trick is approved by Google..I didn't modify anything. Go through Google Ad policy
    • Unknown
      ok bro thanks
  5. Unknown
    bro can u solve my urls prob ?

    actually Recently, I created some pages on my blog. Unfortunately, it is showing some numbers in the URL instead of only what has been put in the title.

    automatic numbering like if a page is being given a name as "" then it automatically changes into " any random number).html"
    • BloggerSpice
      Sometime it happen if you made page first before your custom domain setup and after setting custom domain you can see the pages like this. Or if you change the hosting site after setting custom domain then it will happen. this is not any problem..this auto number generate by blogger for changes..even you can see my contact us page link. because I have change my first hosting after setting up custom is not any big factor but you can see the name of the page are same.
  6. Unknown
    It’s actually a great and useful piece of info. I’m happy that you just shared this useful info with us. Please stay us informed like this. Thank you for sharing.

  7. All About Zodiac Signs
    Thank you so much for this great article!
    • BloggerSpice
      Hi Zodiac, You are most welcome. ;)
  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>
  3. To insert a picture use <i rel="image">url_image_here</i>
Go Up