Search Bookmarklet Code Files

In case you've been meaning to play around with creating your own library search bookmarklet, but needed a little "push", I've created a compressed folder of all the code files you'll need to do it, along with a ReadMe.txt with the directions. I tried to make it as simple as possible, so let me know if you try and it it works!

oneSearch bookmarklet @ LibTech 2011

On March 17th (this Thursday,) I'll be presenting at the Library Technology Conference on the oneSearch bookmarklet tool created by Barbara Arnett and I.

Barbara won't be able to make it out to Minnesota (she'll be presenting the bookmarklet to the NJLA 2011 Technology Innovation Award committee,) but because we want to be as practical as possible in our presentations, she put together a quick reference for the three parts of the bookmarklet (you don't actually need the third piece, it just creates a nice button for users to drag and drop into their browser, as opposed to a simple link.)

Below is the code you'd need to get started working on your own browser-based search bookmarklet:


(1)HTML, (2)Javascript & (3)CSS:


1 - HTML to display bookmarlet on your webpage:

(edit this line: {document.body.appendChild(document.createElement('script')).src='http://www.stevens.edu/library/js/search.js';}
so that the red text links to the JavaScript file you place on your server)


2 - Javascript to sit on your server (sits in search.js, referenced in bookmarklet HTML)

(edit this line: _gaq.push(['_setAccount', 'UA-XXXXXXX-1']);
so that the red text reflects your own Google Analytics account number (you can also find this complete code within GA, in actions->edit->check status,)
and this line: var searchString='http://ezproxy.stevens.edu/form?qurl=http://XXXXXXXX.cs....&field=title&term='+(Ti);
so that the red text reflects your own search URL, which you can get from your catalog, database or federated search vendor)

(Note: if you don't want to use Google Analytics, just remove all the code before the line: var Ti=document.title.replace('- Wikipedia, the free encyclopedia','');)


3 - CSS needed for the button:

(You can do this as inline CSS or a separate stylesheet. Just replace the background image with your own image file.)

-------------------------------------------------------------
***OR, if you'd rather just download all the files, edit them, and place move them to the appropriate locations on your server, you can download the file packet (with instructions in a ReadMe.txt file.)***
-------------------------------------------------------------

Presentation slides:

Bridging the gap from Wikipedia to scholarly sources: a simple discovery solution

One note: when we developed the bookmarklet, we were beta-testing Ebsco Discovery Service. We have since switched to Serial Solutions' Summon, but while that's being configured, the bookmarklet used our integrated search (also a Serial Solutions product.)

On the down-side, this has caused some inconsistency in our screenshots (the slides feature EDS screenshots, since we don't have full access to Summon yet.) However, this does emphasize the importance of having the full code reside on your server, as we've been able to make the required adjustments to the code without users having to re-install the tool.

Bridging the gap from Wikipedia to scholarly sources: a simple library bookmarklet

So I know I have been alluding to a fancy-shmancy "project" for awhile now, and it's finally at a point that I can show it off! Barbara Arnett and I (mostly Barbara, but I set the project in motion, so that counts for something I guess) have created a javascript bookmarklet that can be used in any browser to execute a search in Ebsco Discovery Service from any web page.

The impetus for this project was a tendency for novice researchers to rely on internet sources that may not be up to the standards required by their professors for college-level research (read: Google & Wikipedia). Unfortunately, those users were not only beginning, but ending their search with those websites, without ever trying the library’s subscription databases, or even making it to the library’s website.

Stevens is currently undergoing a trial of Ebsco Discovery Service (EDS), a federated search tool which includes the library catalog data. To make it easier for students to search the library resources, we decided to create a bookmarket that eliminates the step of having to go to the library website first before searching library resources.

The bookmarket provides an important bridge between common search behaviors (especially among undergraduates), and the "deep web" content located in library-funded, proprietary databases, thus easing their transition into scholarly research. You just drag-and-drop it into any browser, after which a search can then be initiated from any webpage the user visits. When the bookmarklet is clicked, the search terms default to the title of the page (so it works especially well with Wikipedia articles), and a prompt is displayed that allows the user to edit the terms, if so desired. When they press the OK button, the search is automatically executed in the Discovery tool and the results are displayed in a new browser window.

The bookmarklet is written in simple Javascript code, which resides on the library’s server, so it can be edited or updated without the user having to reinstall it. It works on all major browsers, and can also be edited to work with various search tools, such as specific databases, library catalogs or competing federated search tools (such as Serial Solutions’ Summon.)

A short demo:

Barbara and I will be participating in a webinar for the Metro New York Library Council in December, demonstrating various tech tools for libraries. See here for details: http://bit.ly/aYud4Q

11/19/10 - NOTE:

Ken Varnum at the University of Michigan has used our code to create an ArticlesPlus bookmarklet for their users. To make it easier for other developers to adapt our code for their projects, here it is, in its entirety. You'll have to edit it to use whatever search tool you want it to run, and change it to link to your own Google Analytics account (or just take that part out if you're not using GA), and we ask that you keep the attribution statement in there.

Thanks!

~val