Google Site Search Results On Your Webpage Unicode Available

genieuk · Post by **genieuk** » Sat Apr 18, 2009 12:22 pm

Hello,

This is my first ever extension.

Basically this extension will allow you to have google search results appear on your own webpage. Meaning people won't be taken actually to google when searching your site, they stay within your site when searching. Great to keep within your site theme/layout etc.

Suprisingly, majority of the things you need to do is done via your google custom site search account.

IMPORTANT: I cannot express this enough. You need to read the pdf read me guide as nothing will work. Included in zip file.

9/11/2010 - ** Latest Update **
Rebuilt with EB 2.5.2 to to work with WB7

UPDATE: 30/11/2009

This update is minor and is not needed for users who are happy with the extension as it is.

You can now make the search box lower than the recommended width.

Minimum Recommended width is: 290
Minimum Recommended height is: 35

You can now alter width/height as you want.

Search Box code no longer needs to be edited in notepad first and put on one line. Multi-line support added so just copy and paste code from Google without the need to put on one line in notepad.

-----------------------------------------------------

Download from my site:
http://www.genieuk.com/webbuilder/downl ... search.php

DEMO:

To see a demo go to my site: http://www.genieuk.com on the top right hand corner of homepage you will see my search box, enter some keywords and see how the results display on your webpage, Make your site look more professional and incorporate into your own site theme/layout.

Hope you enjoy! Please leave your comments, feeback etc.

Your site needs to be indexed by google, i recommend submitting a sitemap to google. You can do this via Google Webmaster tools.

Search Box:

Search Results Shows On Your Own Pages:

me.prosenjeet · Post by **me.prosenjeet** » Sat Apr 18, 2009 2:10 pm

Please check, Google Site Search - Results Appear On Your Own Webpage demo on this page http://www.wbtutorials.co.cc/demos/demos.php not working

neo_webbuilder · Post by **neo_webbuilder** » Sat Apr 18, 2009 2:14 pm

Yep demo is not working !!! and the result is displaying a white box bigger than the former page.

I like the idear. Nice work !!!

genieuk · Post by **genieuk** » Sat Apr 18, 2009 2:22 pm

Hi,

I have not finished the demo yet, that why it wont work.

In the mean time to see a demo of it on the homepage www.wbtutorials.co.cc/index.html top right hand corner is a search box type some text and and hit enter or press search button, then results will show on your own webpage.

Also the reason for white box being bigger is because i have not yet finished my site theme, everything as it is, is normal dont worry, it just the theme i am using on the search result page i need to make it wider. Reason why in red text on search result page i have currently put: PLEASE NOTE: THIS PAGE IS UNDER CONSTRUCTION SO LAYOUT WILL APPEAR INCORRECTLY AND NO RESULTS WILL DISPLAY

until i sort it, the extension is fine thou, it just me needing to do some things on my site.

Regards,
Mathew

genieuk · Post by **genieuk** » Sat Apr 18, 2009 4:48 pm

Search Demo now sorted!

zinc · Post by **zinc** » Sat Apr 18, 2009 5:11 pm

genieuk wrote:Search Demo now sorted!

Can you explain one thing to me?

If I type templates on your site, it returns nothing. Is that right?

genieuk · Post by **genieuk** » Sat Apr 18, 2009 5:15 pm

Hi,

Yes i can explain this, first this is not an extension problem.

I am using a free hosting for my site, now for some reason i am having problem with google saying my robots.txt file is blocking my sitemap.xml, even thou it is not.

So at the moment i cannot submit my sitemap to google.

Also as my website is only 2 days old it can take days, weeks, months for my site to be indexed by google.

The reason why it showing no results, is my site has not yet be indexed by google.

Regards,
Mathew

zinc · Post by **zinc** » Sat Apr 18, 2009 5:17 pm

genieuk wrote:Hi,

Yes i can explain this, first this is not an extension problem.

I am using a free hosting for my site, now for some reason i am having problem with google saying my robots.txt file is blocking my sitemap.xml, even thou it is not.

So at the moment i cannot submit my sitemap to google.

Also as my website is only 2 days old it can take days, weeks, months for my site to be indexed by google.

The reason why it showing no results, is my site has not yet be indexed by google.

Regards,
Mathew

Good enough for me

Cracking piece of work! Very useful. Well done!!!!!

me.prosenjeet · Post by **me.prosenjeet** » Mon Apr 20, 2009 4:08 pm

Hi,
Sorry to post this but the google custom search on your site doesn't seem to work. I searched for the terms --
'google', 'download','Extensions','Demos','Templates' etc. but it showed 'not found'! However, these words are there on your site. Please check

genieuk · Post by **genieuk** » Mon Apr 20, 2009 4:12 pm

Hi,

Reason why is i have a robots.txt file to block access to all search engines so they cannot index my site.

Reason i done this is i need to create a rather lenghtly robots.txt file to deny robots access to some directories and webpages.

So until i do that i have refused them all access.

Hope this explains it for you.

Mathew

me.prosenjeet · Post by **me.prosenjeet** » Fri May 22, 2009 4:56 am

You have also kept the Max width of the extension too big because of which If someone wants to place the search box on the right side of page(example width 900) the extension leads out of the page causing horizontal scroll.
See the screen shot below:

This is the webbuilder screen shot where the search box needs to be placed and to get the box in correct place the extension is going out of the page...:

Now because this extension is going out(as in above pic), there is horizontal scroll in the live site:

How about making the width 50 so we may drag as much as we want as the box lenght of google can be changed by editing this line in the code :

<input type="text" name="q" size="31" />

Lastly, can you please mail me the project files of both the google search(form and result) extension. If not both but at least the form one. Please

genieuk · Post by **genieuk** » Fri May 22, 2009 12:11 pm

Hi,

The reason why i done it like that was because if you make it any smaller the button ends up going on a new line. Althou as you know and me to that you can change it in the code to.

I tried this previously.

But ok no problem.

What i will do later today is update it as requested.

Regards,
Mathew

hendrikjd · Post by **hendrikjd** » Mon Nov 30, 2009 6:18 pm

At first: thanks for sharing this nice extension.

I have a question: You placed the results on your page in, i think, a InlineFrame. I try to do so, but the result was an empty inline frame on my result page. (When i place the resultbox on a normale page, the result was a very large field, totally outside the pageframe.

So my question: how did you place your result so, that it exactly show only a frame on your page?

genieuk · Post by **genieuk** » Mon Nov 30, 2009 6:37 pm

hendrikjd wrote:At first: thanks for sharing this nice extension.

I have a question: You placed the results on your page in, i think, a InlineFrame. I try to do so, but the result was an empty inline frame on my result page. (When i place the resultbox on a normale page, the result was a very large field, totally outside the pageframe.

So my question: how did you place your result so, that it exactly show only a frame on your page?

Hi,

Basically your web-page that displays the results must be at least 500 pixels in width. Google does not allow any smaller width even by changing the width in the code.

The only way i got around this was by searching online and to force the results using css to the width i specify.

The CSS code i used is as follows:

You will need to adjust the width percentage to suit your site. Basically the simple css code below will force the results to display at the width you specify.

Code: Select all

<style>
#cse-search-results {width: 95%; }
</style>

Then you would add the below class to the Google div:

Code: Select all

class="cse-search-results"

Once done the div would look like:

Code: Select all

<div class="cse-search-results" id="cse-search-results"></div>

Regards,
Mathew

hendrikjd · Post by **hendrikjd** » Mon Nov 30, 2009 7:38 pm

Thanks for your answere, but i'm a noob about some stuff.

Should the code:

<style>
#cse-search-results {width: 95%; }
</style>

be part of te Search box or the result box?

And how about the code:

<div class="cse-search-results" id="cse-search-results"></div>

On http://home.online.nl/hvdmunnik i placed for test at the homepage a searchbox. The result was placed at page "Resultaat.html"

genieuk · Post by **genieuk** » Mon Nov 30, 2009 7:57 pm

hendrikjd wrote:Thanks for your answere, but i'm a noob about some stuff.

Should the code:

<style>
#cse-search-results {width: 95%; }
</style>

be part of te Search box or the result box?

And how about the code:

<div class="cse-search-results" id="cse-search-results"></div>

On http://home.online.nl/hvdmunnik i placed for test at the homepage a searchbox. The result was placed at page "Resultaat.html"

The css code needs to be on same page as the results page.

Right-click on the results page in web builder and choose "Page HTML", then select the "Between Head Tag" and insert the css code:

Code: Select all

<style>
#cse-search-results {width: 95%; }
</style>

You will need to play about with the percentage.

Then On the results page right-click the Google Search Box Results extension and choose "HTML" then click the "Inside Tag" tab and insert the class:

Code: Select all

class="cse-search-results"

Then save and upload entire webpage.

Regards,
Mathew

me.prosenjeet · Post by **me.prosenjeet** » Mon Nov 30, 2009 8:11 pm

Hey genieuk why not update the extensions with these codes. A person who requires may change these else we keep it at default settings.

Also.... still waiting for this update

genieuk wrote:Hi,
The reason why i done it like that was because if you make it any smaller the button ends up going on a new line. Althou as you know and me to that you can change it in the code to.
I tried this previously.
But ok no problem.
What i will do later today is update it as requested.
Regards,
Mathew

this is in the page 1 of this extension.

genieuk · Post by **genieuk** » Mon Nov 30, 2009 8:31 pm

DAMN IT!

Rite let me start again my brain is allover the place.

To hendrikjd,

CODE ABOVE IS INCORRECT. Please use code below.

The css code needs to be on same page as the results page.

Right-click on the results page in web builder and choose "Page HTML", then select the "Between Head Tag" and insert the css code:

Code: Select all

<style>
#cse-search-results iframe {width: 15%; }
</style>

You will need to play about with the percentage.

Then On the results page right-click the Google Search Box Results extension and choose "HTML" then click the "Inside Tag" tab and insert the class:

Code: Select all

class="cse-search-results iframe"

Then save and upload entire webpage.

Sorry i mistyped hence why it did not work. Do as stated in this post and it will work.

To me.prosenjeet,

I thought i updated months ago. Will update in the next hour.

Regards,
Mathew

genieuk · Post by **genieuk** » Mon Nov 30, 2009 9:11 pm

me.prosenjeet,

As requested now been updated to support any width and height.

Also multiline support for Google code so no longer need to place all on one line first in notepad.

Please read first post for more information.

Regards,
Mathew

mandrake · Post by **mandrake** » Mon Nov 30, 2009 9:23 pm

Hi Genieuk,

I can not access the demo results from google, the link does not work.

Best regards.

hendrikjd · Post by **hendrikjd** » Mon Nov 30, 2009 10:23 pm

Genieuk,
Thank you very much.
I was out this evening but i will do as you describe and let know if the solution was right for my website.
This extensions will make WYSIWYG one of a kind. As well as the support of its users.

Update: in the mean time i did some updates and i'll think i "see the light" in case of the dimension.
But there is one small problem left. If i make the resultbox a particular height, the rest of the result below isn't shown. That's because there is no scrollbar. So i do not have results in the iframe but on the page itself. I placed an Iframe and placed the code as you told above. I also tried to place the resultbox on another page which is the result of the inline frame. I know, i made a mistake but i don't no what.
If this can be corrected, i will be very happy (More than i already am)

(Greatfully thank for patience.)

genieuk · Post by **genieuk** » Tue Dec 01, 2009 1:44 am

mandrake wrote:Hi Genieuk,

I can not access the demo results from google, the link does not work.

Best regards.

Hi Mandrake,

I am aware of that i forgot to update demo. Thanks for reminding me. To see a demo basically use my site search it is exactly the same thing.

Thanks,
Mathew

hendrikjd wrote:Genieuk,
Thank you very much.
I was out this evening but i will do as you describe and let know if the solution was right for my website.
This extensions will make WYSIWYG one of a kind. As well as the support of its users.

Update: in the mean time i did some updates and i'll think i "see the light" in case of the dimension.
But there is one small problem left. If i make the resultbox a particular height, the rest of the result below isn't shown. That's because there is no scrollbar. So i do not have results in the iframe but on the page itself. I placed an Iframe and placed the code as you told above. I also tried to place the resultbox on another page which is the result of the inline frame. I know, i made a mistake but i don't no what.
If this can be corrected, i will be very happy (More than i already am)

(Greatfully thank for patience.)

Hi,

I can confirm the same thing. The Google results are shown in an iframe by default by Google so no iframe is needed. Althou it seems the css code i gave you seems to interfere with Googles own code.

With my site pages are dynamic as i created my site using programming languages not web builder, so my site theme expands etc to suit content height automatically, however web builder cannot create dynamic pages so all i can suggest is making your search page wider and hopefully i maybe able to find a solution to it. Sadly Google makes restrictions on width hence why the problem your having and as web builder web pages are not dynamic there is nothing i can do i'm sorry to say.

I will try my best to see if i can come up with something that will make it work for you althou i cannot gaurantee anything will work as it is possible it could interfere with Googles own code again somehow.

Regards,
Mathew

mandrake · Post by **mandrake** » Tue Dec 01, 2009 10:41 am

Hello, the results appear on the page but they are offset from the bottom of the page (i use IE8)...

Best regards.

genieuk · Post by **genieuk** » Tue Dec 01, 2009 11:22 am

mandrake wrote:Hello, the results appear on the page but they are offset from the bottom of the page (i use IE8)...

Best regards.

Thanks Mandrake,

I am currently working on one css issue that seems to only be effecting IE, nothing major.

Hopefully will get it sorted in next day or two.

Thanks for letting me know,

If you mean demos are not centered or aligned properly this is how it is in the inline frame. I just checked in IE8 and don't notice any problems. There is much large whitespace (gap) between footer and demo form for example but this is fine as they are only demos, if you mean something else you could always post a photo althou i think i know what you mean.

Regards,
Mathew

wjensen · Post by **wjensen** » Tue Dec 01, 2009 6:06 pm

Hi, I tried to go to the download page, but was told that it is a member only page. Is that really required for that download?

Cheers
Willy

genieuk · Post by **genieuk** » Tue Dec 01, 2009 7:56 pm

wjensen wrote:Hi, I tried to go to the download page, but was told that it is a member only page. Is that really required for that download?

Cheers
Willy

Hi wjensen,

In order to download you will need to register.

Reason for this is to stop spambots auto downloading using valuable bandwidth plus the reason for registration is in the future i will hopefully be adding member features like a forum etc. Althou nothing is final i decided on the registration system for when i add new member features in the future.

Regards,
Mathew

hendrikjd · Post by **hendrikjd** » Wed Dec 02, 2009 12:06 am

OK Mathew. Thanks voor your support on my problem. Perhaps you will find a solution for de scrollbar.
If not, i prob. better use a popup screen with the searchresult.
Thanks anyway

(sorry if my English is poor, but for een dutchman it isn't always easy to write correct English)

me.prosenjeet · Post by **me.prosenjeet** » Wed Dec 02, 2009 1:33 am

Hi, I did try to register but you have set a maximum character limit and I am unable to use my "me.prosenjeet" as a login name and I would rather keep that

genieuk · Post by **genieuk** » Wed Dec 02, 2009 2:02 am

me.prosenjeet wrote:Hi, I did try to register but you have set a maximum character limit and I am unable to use my "me.prosenjeet" as a login name and I would rather keep that

Hi me.prosenjeet,

The maximum limit is 12 characters. Reason for this is when i eventually and hopefully add a forum that i will make soon if things go to plan i don't want the username's to be to long.

You have 13 characters that includes the dot . The reason for the username being rejected is only numbers, letters and underscores can be used. The username checker will advise whether the username is a valid one or not (meets requirements) or if it is already in use or a blocked/banned/forbidden username.

Reason why i made it like this to keep users usernames simple and not complex. Obviously yours isn't but i mean allowing extra characters such as dot etc can make usernames look crazy and somewhat confusing for people.

I will change the maximum allowed characters as i agree that looking at the length of your username it is not that long. So i will change this to 15 characters. Regarding extra characters such as a dot etc i doubt i will change this for reasons said as above.

Regards,
Mathew

UPDATE:

Usernames has now been extended to allow up to 15 characters in length.

me.prosenjeet · Post by **me.prosenjeet** » Wed Dec 02, 2009 2:35 am

Reason why i made it like this to keep users usernames simple and not complex. Obviously yours isn't but i mean allowing extra characters such as dot etc can make usernames look crazy and somewhat confusing for people.

But the user names are only for users and there is no reason why anyone shouldn't have crazy looking user names. In forums people do have crazy names. Forcing people to have a user name that they are not comfortable with generally results in people forgetting what user name they had used after sometime. I think this should not be limited and it should be the users choice as to what name he wants (of course you can reserve/block few user names like "admin" etc). Anyways.

genieuk · Post by **genieuk** » Wed Dec 02, 2009 2:41 am

me.prosenjeet wrote:
Reason why i made it like this to keep users usernames simple and not complex. Obviously yours isn't but i mean allowing extra characters such as dot etc can make usernames look crazy and somewhat confusing for people.
But the user names are only for users and there is no reason why anyone shouldn't have crazy looking user names. In forums people do have crazy names. Forcing people to have a user name that they are not comfortable with generally results in people forgetting what user name they had used after sometime. I think this should not be limited and it should be the users choice as to what name he wants (of course you can reserve/block few user names like "admin" etc). Anyways.

Hi me.prosenjeet,

I get your point.

I use regex to look for an invalid pattern in the username.

I will try and get it changed within next two days. Regex is not a subject i like much lol as i find it so complex and i use Google Search to assist me with Regex patterns.

I will see what i can do and in next day or two hopefully have it working so users could use some non alphanumeric characters.

Regards,
Mathew

genieuk · Post by **genieuk** » Wed Dec 02, 2009 10:37 am

Hi me.prosenjeet,

I have now updated the registration so you can now use the following characters in your username *-_.

So for new usernames, you may have between 3-15 characters in length, must begin with a letter or number and can contain *-_..

Thanks for the suggestion you made. I got your point

Regards,
Mathew

me.prosenjeet · Post by **me.prosenjeet** » Wed Dec 02, 2009 1:47 pm

Thanks for implementing that

I will register now!!!

genieuk · Post by **genieuk** » Wed Dec 02, 2009 2:34 pm

me.prosenjeet wrote:Thanks for implementing that
I will register now!!!

Thanks

I got an email to notify me you signed up.

Regards,
Mathew

genieuk · Post by **genieuk** » Sun Jan 03, 2010 8:29 pm

Meets W3C Standards

Built with Extension Builder 2.0.2

Will work with without problems with latest version of web builder.

genieuk · Post by **genieuk** » Mon Jan 18, 2010 10:56 pm

Unicode Version Now Available

Previously users who was using the unicode version was unable to use extensions. Pablo has now added extension support for web builder unicode versions.

Included in zip file.

Regards,
Mathew

Eddy · Post by **Eddy** » Mon Jan 18, 2010 11:05 pm

Maybe you don`t know this ,Unicode users can use the wbxconvert.exe self to convert the user extensions to the unicode version.

genieuk · Post by **genieuk** » Mon Jan 18, 2010 11:07 pm

Eddy wrote:Maybe you don`t know this ,Unicode users can use the wbxconvert.exe self to convert the user extensions to the unicode version.

Hi Eddy,

I did realise that before hand, but incase people started asking or did not want to do it ... i done it for them so unicode version is now in zip file all ready for them.

It was a two second job so was happy to do it.

Regards,
Mathew

stamjoe · Post by **stamjoe** » Thu Feb 04, 2010 2:30 pm

Dear Mathew
i am trying to setup a Google Search. I follow all your steps from the pdf but i dont know where to find the 11th step ''11) MAKE SURE YOU SELECT 'Host results on your website:' then select 'iframe - requires two pages: one for the search box and another for the results'.''

Please i need your help
Thanks
Joe

stamjoe · Post by **stamjoe** » Thu Feb 04, 2010 2:40 pm

I found it....
Thanks
joe

stamjoe · Post by **stamjoe** » Thu Feb 04, 2010 2:57 pm

Hello again.
I have to use an inline frame at the WebBuilder for showing the Search Results?

genieuk · Post by **genieuk** » Thu Feb 04, 2010 3:06 pm

Hi,

The inline frame is implemented into the code so no need to create one in web builder.

Regards,
Mathew

stamjoe · Post by **stamjoe** » Thu Feb 04, 2010 3:14 pm

Hello Mathew,
i have design the .search.html where i add the ''SEARCH BOX'' and the .search_results.html where i add one HTML code with the Code from Google.
When i perform a search the results appears aut of the page.

Check it out if you please at www.dskaterinis.gr/search.html

The page is under construction only the above 2 pages are there...

Thanks in advance
Joe

genieuk · Post by **genieuk** » Thu Feb 04, 2010 3:23 pm

Hi,

You have the Google Seach Results added 3 times hence why the layout is gone crazy.

Web Builder is a WYSIWYG editor, how you see it on your computer is how it will show online but you have added the results extension 3 times.

You just drag the Google Search Results extension only once on the page where you want the results to appear.

Minimum width needs to be 500 pixels as google has restrictions on this nothing i can do about that im afraid.

If you still have no luck all i can suggest is go in my profile add my email from profile in Windows Live Messenger, download and install team viewer and i will assist you that way remotely.

Regards,
Mathew

stamjoe · Post by **stamjoe** » Thu Feb 04, 2010 4:35 pm

Hello again,
please take a look at the http://www.dskaterinis.gr/search_results.html
why the width is out of the page?
I set it at 580 px inside the BOX....

stamjoe · Post by **stamjoe** » Thu Feb 04, 2010 4:36 pm

first look at the http://www.dskaterinis.gr/search.html
and perform a search.

Thanks

stamjoe · Post by **stamjoe** » Thu Feb 04, 2010 4:41 pm

The code from Google ''Search results code''
Paste this code on http://www.dskaterinis.gr/search_results.html, where you would like your search results to appear.

<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 600;
var googleSearchDomain = "www.google.com";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_af ... "></script>

i have to add a HTML box in my web page? In this code do i have to change the Width 600 > 500 ? And what about the Height?

genieuk · Post by **genieuk** » Thu Feb 04, 2010 5:19 pm

Hi,

You DO NOT paste any code on the page where the results will display.

The Google Search results extension already has the code to display the results.

1) When you get your search box code off google it asks you for the url of where the results will appear, as that is in the form seach box code you dont specify it again.

Example:

The search box form you have on http://www.dskaterinis.gr/search.html is set to display the results on http://www.dskaterinis.gr/search_results.html (which is correct)

Reason why is because you have specified the url in google like you should.

So your http://www.dskaterinis.gr/search.html page is correct.

Now onto the search_results.html page. Just place the Google Search Results extension on the page. There is NO need to do anything else at all, just place it on the page, you do not need to enter any code etc on the results page as the extension does this for you. Just place on page and upload. Also the minimum width is 600 pixels sorry made a typo in post above.

Regards,
Mathew

stamjoe · Post by **stamjoe** » Thu Feb 04, 2010 5:27 pm

Dear Mathew
i ve done all this but still in the search_results.html again the page is wrong.
Check it out....
i dont understand what i do wrong
Thanks
Joe

genieuk · Post by **genieuk** » Thu Feb 04, 2010 5:45 pm

Ok,

We are getting there

Now you must understand because Google restricts the iframe to a minimum of 600 pixels in width the Google Search Results extension must also be 600 pixels in width.

You webpage is not wide enough for the search results hence why it not showing correctly, the 600 pixel width is needed just for the search results to appear, althou your page is wider than 600 pixels the content area where the Google Search Results extension is placed is not 600 pixels.

Take a look at the image below for explanation. The blue border around the Google Search Result extension has a blue border around it to show you the 600 pixel width of the Google Search Result extension (iframe).

Regards,
Mathew