How To Add Customized Adsense for Search Block in WordPress

JD Wong Blog

I just updated the blog I maintain for my son over at www.jdwong.com . And I took some screenshots to create a short tutorial for you.

This tutorial will you how to add a customized “Adsense for Search” block on your WordPress Blog to add another channel where you can earn income.

What this means is that when someone uses the search box on your WordPress blog, the results will be a Google search results and has Google Ads on the site. For example if someone searches for “baby” on the blog…

search1 How To Add Customized Adsense for Search Block in Wordpress

…the result is this..

search2 How To Add Customized Adsense for Search Block in Wordpress

Notice the results appear within a page in my blog with all the theme and styling elements that is consistent with the site.
Here’s a step-by-step guide on how to do it:

Step 1: In your Adsense account, create a new “Adsense for Search”

step1 2 How To Add Customized Adsense for Search Block in Wordpress

Step 2: Under “Search Type” select “Only sites I Select” so that the search only returns pages within your blog. Under “Selected Sites”, type the URL of your blog. Leave the rest of the settings and click “Continue”

step 2 How To Add Customized Adsense for Search Block in Wordpress

Step 3: In my case, I want a very discreet appearance so I chose the watermark version of the search box. I also changed the search box length to 20 so that it fits on my blog sidebar. Then, click “continue”.

step 3 How To Add Customized Adsense for Search Block in Wordpress

Step 4: For the search results, I selected “Open results within my own site”, and I specified the exact page to display the result. For example, my son’s blog is at http://jdwong.com/blog and so I want the search results to appear here: http://jdwong.com/blog/search. We’ll be creating this page in the later steps.

Next, I changed the width of the display area to 550 pixels so that it will fit within the content area of my blog and not overflow to the sidebar.

For “Ad Location”, I chose “Top and Bottom” because the width is small and therefore I would prefer for the ads to appear only at the top or bottom.

You can also customize the color and style of the search results. I left them as the default.

Click “continue”.

step 4 How To Add Customized Adsense for Search Block in Wordpress

Step 5: Click the checkbox to agree to the terms and conditions and give your Adsense for Search a name and click “continue”.

step 5 How To Add Customized Adsense for Search Block in Wordpress


Step 6:
You are now almost there. Just copy the two blocks of code for the search box and for the search results and head on over to your WordPress admin panel of your blog.

step 6 How To Add Customized Adsense for Search Block in Wordpress


Step 7:
Create a new Page on your blog and call it “Search Results”. Make sure that the permalink address says “http://jdwong.com/blog/search” because this is the URL we specified in Step 4.

Now just paste the “Search Results Code” as the content for this page.

step 7 1 How To Add Customized Adsense for Search Block in Wordpress

Step 8: Now all you have to do is to add the search box into your blog. I added it to the sidebar with the sidebar widget. Go to your WordPress “Design” section and select “Widgets”. Add a “Text” widget to the sidebar, and paste the “Search Box Code” in the content area.

step 8 How To Add Customized Adsense for Search Block in Wordpress

And that’s it! Congratulations! You’ve just added a completely customized Google Adsense for Search on your blog and can now earn money by showing relevant Google Ads to your blog visitors.

 

Technorati Tags:

 

If you enjoyed this post, please also subscribe to my RSS feed! You can also follow me on Twitter here.

Tags: , ,

Leave A Reply (39 comments So Far)


  1. Vidal Aponte
    5 years ago

    Hello Sir,

    Thank you for the information you have helped me alot. I just wanted to ask 1 question. In my blog, where do I go to create a new page?

    Thank you very much!

    Vidal Aponte


  2. Brian Wong
    5 years ago

    Go to your WordPress Dashboard and select “Write”, the choose to write a new page instead of a new post.


  3. George
    5 years ago

    Hi,
    I folloed all steps as you explained, But while testing the same I am getting 404 error page. what could be the probable causes?


  4. Brian Wong
    5 years ago

    Hi George,

    Make sure that step 4 and step 7 uses the same page. The most likely cause of your 404 error is that the permalink to your search results page is different from the one you specified in Step 4.


  5. MARO
    5 years ago

    Hello Brian my name is maro. I commenting because I want to know if you could do a commentaries for us on iPod items that we have. Please write to me as soon as possible. Thank you!!!


  6. MARO
    5 years ago

    Actually what I meant with the comment above was if you could do reviews. E-mail me…


  7. gabor
    5 years ago

    Hi,

    Thanks for your article. I just ran into the problem that I can’t override the searchbox width of 795.

    i have tried to do it by hand, but no avail.

    i normally use firefox, but i managed to slip through with 500 px width on one occasion only.

    Strange – anyone else experience the same thing?

    Anyone else find a work-around?

    cheers – thanks again!

    GJ


  8. gabor
    5 years ago

    I think I just answered my own question….

    After some mucking about, I found that 795px is the minimum if you want ads on Top AND Right.

    I tried Top and Bottom and 500px worked just fine…


  9. Brian Wong
    5 years ago

    Glad you worked it out and thanks for sharing the solution.


  10. Shantanu Goel
    5 years ago

    Hey Brian
    Nice tutorial. Actually I just wrote a post a cpl of days ago telling ppl about how to add adsense for search to 404 pages here:
    http://tech.shantanugoel.com/2008/11/06/make-money-out-of-nothing-add-google-adsense-for-search-to-your-404-page.html

    But your way of telling things is quite easy to follow. Will link to your post from mine.


  11. Doug Smith
    5 years ago

    Great idea! After a hack attempt on my blog where the hacker entered a malformed sql query into the WP search box I looked for other search ideas. The bug that allowed these hacks was fixed long ago but I felt uneasy that people were still trying. This idea allowed me to remove the WP search widget and monetize at the same time.

    Thanks again!


  12. VivBounty
    4 years ago

    Hi Brian,
    I successfully put Adsense for Search on my Travel Blog here: http://safaritosuccess.com/travelblog. So I got brave and tried to put in on my pet blog, and when I test with the few simple posts on my blog, the key words I use, which I know are in the posts, are not pulling any of my posts up on the search results. Can you advise?
    I love your tutorial style. Very easy to follow. I am learning from you sir. Prosperous Blessings, VivBounty


  13. Brian Wong
    4 years ago

    Chances are, Google has not yet indexed all your pages if its a new blog. Two things you can do:
    1: do a site search on Google by typing “site:www.yourpetblog.com” (enter your pet blog url) and see what pages are indexed by Google.
    2: submit you sitemap to Google using the Google Webmaster tools

    Hope that helps.


  14. adsense
    4 years ago

    This is great brian wong .. you help me and save my time, I have already setup a adsense ads but dont know how to setup search box. very informative for adsense user like me.


  15. VivBounty
    4 years ago

    Thanks so much, Brian. I wil take your kind advice and let you know what happens. Need to ammend some things before generating sitemap.

    Kindest Regards
    VivBounty


  16. Cathal
    3 years ago

    I followed your very well explained directions, Brian but I’m afraid I fell at the final hurdle which was: “You should update your .htaccess now” after I changed the permalinks.

    I’m a bit of a newbie so I have quite a bit of work to do before I can avail of your advice.

    Thanks anyhow.


  17. pilotHans
    3 years ago

    hi, I’ve followed the above but I can’t get it working. is there any php page or java script that i need to add besides the Search Box Code ,
    Search Result code?

    I’ve also posted my problem in http://wordpress.org/support/topic/google-search-button-showing-400-bad-request-illegal-filename?replies=1

    hope u can advice. thanks


  18. John
    3 years ago

    @gabor. Thanks so much for figuring this out. I mucked around with it for ages unable to figure out how to add it to my site…but changing where the ads display fixed it.


  19. registry cleaner
    3 years ago

    good information you

    write it very clean. I am very lucky to get this tips from you.


  20. Shivam
    3 years ago

    Thanks :)
    It helped.

  21. Nice tips,,, thank you,,, hope i will get more earning with google


  22. Robert
    3 years ago

    This was extremely helpful. I have been trying to add the adsense for search box to my blog without much luck, just some technical issues, minor, but beyond me. Your tutorial was perfect. Too bad google couldn’t make it this easy.


  23. Ersin
    3 years ago

    Great Post! Really great post.

    I was searching all day to find an easy way for this, and I couldn’t find any past which is more helpful than this one.


  24. Hery
    3 years ago

    hello..thanks..After i read this freat post of your blog i finally can add adsense for search in my blog..My adsense earning is still very small..I hope by adding adsense for search my earning will increase significant..:)
    Regards..


  25. gman
    3 years ago

    You should be responsible and caution people about doing this. Against the Google Adsense terms of service. You can only (last time I checked 2 months ago) have 1 link unit or 1 adsense for search on the search result page. I bet you all these people have regular ads all over the sidebar etc on the search results page. That’s a no no. You should caution people. It’s irresponsible to do otherwise.


  26. LVWJ
    3 years ago

    I am trying to put the HTML code for Adsense Search, not Adsense content, on my WordPress website/blog. where do I put it? I pasted it to my primary widget area howver I don’t see it on my website. What do I do!?


  27. Brian Wong
    3 years ago

    There’s two parts – the code fo the search box and the second part is the code for the results page. To put the search results inside your blog theme, then create a new page in WordPress and inside the content area, paste the HTML code fo the Adsense results.


  28. jenny jackson
    3 years ago

    hello, i just want to add adsense custom search on my blog and fortunately read your tutorial about it. thanks. but how do we test it?


  29. Brian Wong
    3 years ago

    Just follow the instructions in the post above. Create your adsense for search code, add the code for the search bar somewhere on your blog (normally the sidebar or header), add the results page code on a new blog page. To test, just type something in the search box to see the results.

  30. interesting, though do yo have any idea of the earnings per click , when you use an adsense search box unit ?

    do you get an EPC from the normal CPC – meaning the bids from the ad search results or from the ad network

    this is important, since if by any chance the EPC are from the search network, wow.. it could literally be goldmine

    ;)


  31. Andy P
    2 years ago

    Hi Brian,

    Thanks for that, although some of the options have changed now with Google updating their adsense layout. Not sure how to select just top and bottom. Although not sure it matters for me as the template I am using doesn’t seem to like having it on one page!


  32. SolutionsHub
    1 year ago

    thanks so much for the information. it has really helped me. the only problem i have now is adding my sites logo at the top of the google results page. please advice me on how to do this


  33. marvin m.
    1 year ago

    Thank you for this detailed tutorial, now I know how to tweak my theme.

Search This Site


bettergoals app

Brian Wong on Facebook

About Brian Wong

Brian Wong is a serial entrepreneur, life explorer and father of two. Over the last ten years, he has founded successful businesses in several areas including the health and wellness industry, in property investment and in online information marketing.

Read More About Brian Wong...

Connect With Brian

Blog Archives