Updated admin site and webchat client rollout this weekend

<p>We <a href="http://libraryh3lp.blogspot.com/2012/02/updated-admin-site-and-webchat-client.html">recently announced that we've been working on a major revision of the admin site and a more minor update to the webchat client</a>. These updates will be rolling out to the main US server (libraryh3lp.com) this weekend, on Sunday morning. There will be some downtime but as always, we will do our best to minimize it. And we'll <a href="http://twitter.com/libraryh3lp">tweet our progress</a> so you and your staff will be able to check the status.<br /><br />In our last post, we focused on the improvements to the admin site. The new layout of the admin site significantly improves management of large admin domains with lots of users and queues. Daily workflow is streamlined by making the most common admin activities more prominent. And for those of you who love your reports, we've added snazzier interactive graphs.<br /><br /><span style="font-size: 16px;">In this post, we wanted to give you a rundown on improvements coming to the webchat client. The most visible change to the webchat client, beyond the cosmetic change from blue to grey, is integrated navigation to chat monitoring, using the Activity tab (bottom-left).</span><span style="font-size: 16px;"> </span><br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKT_aTEqYR8ZmUGSyEH6PLr_jk__AUelSoppbUzJt43JzxSwwdY-umP6iDAooBuAFO_4DAIjJoNU6mJpnYhJLEpPUV0Dl_3LoU0Y3PxtiLOZBCLwaomDxUjuod2aw58qDjhEhBbENsf24/s1600/webchat-mar-2012.png" style="font-family: Georgia, serif; font-size: 16px; margin-left: auto; margin-right: auto;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5717213016354422354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKT_aTEqYR8ZmUGSyEH6PLr_jk__AUelSoppbUzJt43JzxSwwdY-umP6iDAooBuAFO_4DAIjJoNU6mJpnYhJLEpPUV0Dl_3LoU0Y3PxtiLOZBCLwaomDxUjuod2aw58qDjhEhBbENsf24/s400/webchat-mar-2012.png" style="display: block; height: 251px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; width: 400px;" /></a></td></tr><tr><td class="tr-caption" style="font-size: 13px;">Chatting looks pretty much like before. But notice the tabs across the bottom!</td></tr></tbody></table><br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6JlfrZHzP4hI05lkt10GW3ADOY6VMemxbwtKp7LjTQgLrMn4gChjD5IkL7Kn41K-0WFT2bgbuf89iiHQVra3ijAoIAFstyE6MuzCaljYeRF017M_Zx1LeCtYhrrjX7qvWDs1v_Qoj02o/s1600/webchat-activity-mar-20-2012.png" style="font-family: Georgia, serif; font-size: 16px; margin-left: auto; margin-right: auto;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5717213125994783138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6JlfrZHzP4hI05lkt10GW3ADOY6VMemxbwtKp7LjTQgLrMn4gChjD5IkL7Kn41K-0WFT2bgbuf89iiHQVra3ijAoIAFstyE6MuzCaljYeRF017M_Zx1LeCtYhrrjX7qvWDs1v_Qoj02o/s400/webchat-activity-mar-20-2012.png" style="display: block; height: 256px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; width: 400px;" /></a></td></tr><tr><td class="tr-caption" style="font-size: 13px;">The Activity tab gives an overview of the day's chat activity.</td></tr></tbody></table><br />Some improvements will not be immediately noticeable, like sound alert improvements. We're using a new JavaScript library to play sounds, but we still have the same actual alert sound (the sonar ping). Our goal is to make sound alerts more robust overall. One immediate benefit is that IE9 users will no longer need to use compatibility mode.<br /><br />And we have brand a new feature - Desktop Notifications! Desktop notifications provide a pop-up window alerting you to new patron chats, even if the webchat client is minimized or buried way in the background with lots of other applications on top. Now, if your sound is turned down or even muted, you'll get good visual alerting for new messages.<br /><br />If your broswer supports them, desktop notifications can be enabled using the Actions menu (top-right). They have native support in Chrome and in our testing, this feature works great in Chrome. There is also a <a href="https://addons.mozilla.org/en-US/firefox/addon/html-notifications/">desktop notifications plugin for Firefox</a>; the only caveat with the Firefox plugin is that we have not tested it extensively.<br /><br /><div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRzTIFQlQrBE2vHnmckUxxcUK2Cgwv9-w9vwMQUTmX05aWuQsI949le44DEbn3SzuxP44oBIiULlyyD4T63zSxZJgoiuSOmbIa005786xgFUUTUMLKbRdoHMEB4I9G3WdQr6fE4wNDe5c/s1600/chrome-desktop-notification.png" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5717216362566375474" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRzTIFQlQrBE2vHnmckUxxcUK2Cgwv9-w9vwMQUTmX05aWuQsI949le44DEbn3SzuxP44oBIiULlyyD4T63zSxZJgoiuSOmbIa005786xgFUUTUMLKbRdoHMEB4I9G3WdQr6fE4wNDe5c/s400/chrome-desktop-notification.png" style="display: block; height: 371px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 400px;" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Desktop notifications in action in Chrome.</td></tr></tbody></table></div><div><br />We hope these changes will improve your workflows and service quality! Additionally, these upgrades pave the way for exciting (and frequently requested) features, such as canned messages and the ability to centrally block abusive patrons. Stay tuned over the coming months for details.<br /><div><div><div style="font-family: Georgia, serif; font-size: 100%; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"><br /></div></div></div></div></p>

We recently announced that we've been working on a major revision of the admin site and a more minor update to the webchat client . The...

Promoting Your Library through Pinterest

<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgosDsDgGBPAg8qpxz6QliOvSa5aWF_ULvfnY2bLOr92u_bUJOEEGxLRm4wKICGpuS2b0QG5W-ZX-S5j2HHKmYfNztksDIlbawGgJ5nUxw-rYx_NIiTZZLaepqGddTl34bPKaQcCwQj2gE/s1600/ferret-pins.png"><img alt="" border="0" height="320" id="BLOGGER_PHOTO_ID_5708840696972276898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgosDsDgGBPAg8qpxz6QliOvSa5aWF_ULvfnY2bLOr92u_bUJOEEGxLRm4wKICGpuS2b0QG5W-ZX-S5j2HHKmYfNztksDIlbawGgJ5nUxw-rYx_NIiTZZLaepqGddTl34bPKaQcCwQj2gE/s320/ferret-pins.png" style="float: left; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; margin-top: 0px;" width="284" /></a>If you are a librarian and haven't yet heard of <a href="http://pinterest.com/">Pinterest</a>, it's definitely worth a look, especially if your library is into leveraging social media to promote library services. Pinterest is a social networking site that lets users create groupings (pinboards) of images (pins) they find on the web or upload. Users can then interact with other people's pins and pinboards by "like"ing pins or by following pinboards.<br /><div><br />If you have already heard of Pinterest, it is probably because the site is making big news lately on the Interwebs. According to <a href="http://techcrunch.com/2012/02/07/pinterest-monthly-uniques/">comScore</a>, Pinterest was the fastest growing independent site to hit 10 million monthly unique visits in the U.S. <a href="http://blog.shareaholic.com/2012/01/pinterest-referral-traffic/">Another report</a> claims that Pinterest drives more referral traffic to online retailers than Google+, YouTube, Reddit and LinkedIn combined.<br /><br />By default, each pin is linked back to the website from whence it came. BUT, you can easily edit the pin's link and change it to wherever you'd like. <b>The ability to customize pin links unlocks all sorts of exciting possibilities for promoting your library's collections, services, and events.</b> For example, libraries could upload images of newly arrived books and then link those images directly to its catalog record. That is, when a patron clicks on the pin for a book, she could be directed to a page that makes it easy for her to hold or check out a copy. You could post items promoting an upcoming event and then post pictures from the event after it was done. And you could even pin an image of your chat widget, linked to your Ask-A-Librarian page, so that people with questions can get connected to your staff more easily.<br /><div><br /></div>Libraries are already jumping on the Pinterest band wagon. Here are just a few examples:<br /><ul><li><a href="http://pinterest.com/uofllibraries/">University of Louisville Libraries</a> currently has 5 boards, including Books, Videos, and Photographs.</li><li><a href="http://pinterest.com/westervlibrary/">Westerville Library</a> in Westerville, Ohio currently has 16 boards, including Bookish Crafts, Quotes About Reading, and Tweens/Teens Library Love.</li><li><a href="http://pinterest.com/clermontlib/">Clermont County Public Library</a> in Ohio current has 42 boards! They cover topics like staff pick books for a variety of age groups and genres, new books each month, and Going Green Books.</li></ul><div>If you are interested in looking into Pinterest for your library, Anne Clarke, who is a Children's Librarian in Michigan, recently published a really nice blog post entitled <a href="http://www.sotomorrowblog.com/2012/01/pinterest-for-librarians.html">Pinterest for Librarians</a>. <a href="http://joemurphylibraryfuture.com/pinterest-online-pinboard-with-promise-for-libraries/">Pinterest Online Curation Pinboard with Major Promise for Libraries</a>, written by Joe Murphy, is another good resource. Pinterest is currently in a beta phase. So you'll need an invite to get an account. You can request an invite via <a href="http://pinterest.com/">Pinterest's website</a> or <a href="mailto:support@libraryh3lp.com">e-mail us</a> and we can send you an invite through our Pinterest account. Yes, <a href="http://pinterest.com/libraryh3lp">LibraryH3lp is giving Pinterest a whirl</a>!<br /><br /></div><div>If you've spent any time with the widget designer in the admin site, you probably have come across the shared widget skins. As it stands, the shared skins is a long list of widgets that our libraries have created over the years. Its length is both a blessing and curse. You have lots of opportunity for inspiration, but then any enthusiasm quickly gets tempered by the sheer magnitude. Enter Pinterest. </div><div><br /></div><div>We're creating a <a href="http://pinterest.com/libraryh3lp/ask-a-librarian-chat-widgets/">visual library of widgets</a> and <a href="http://pinterest.com/libraryh3lp/ask-a-librarian-images/">Ask-A-Librarian images</a> intended to inspire and to encourage creativity when integrating chat widgets into websites. Eventually, we'd like to integrate these boards into our website. We've seeded the two boards with some examples (all linked directly to the originating library's Ask-A-Librarian service), but we'd love to have many more! As a testament to Pinterest's active user population, we're already getting followers and likes on our pins. If you would like to add your chat widget and/or Ask-A-Librarian image to our boards, <a href="mailto:support@libraryh3lp.com">please let us know</a>. And if you'd prefer us not to use your images, also <a href="mailto:support@libraryh3lp.com">let us know</a> and we will remove them from our boards.</div><div><div></div></div><div></div></div></p>

If you are a librarian and haven't yet heard of Pinterest , it's definitely worth a look, especially if your library is into leverag...

Updated admin site and webchat client coming soon!

<p>Just a quick heads-up that we'll be updating the admin site and webchat client in the next couple of weeks. We'll give an exact date when we're a little closer, but we wanted to give you a quick preview of all the improvements to come.<br /><div><br /></div><div>The updated admin site's new layout significantly improves management of large admin domains with lots of users and queues. We're also rearranging the ordering of the tabs so that common activities are most prominent. For example, the default start page will be "Activity" rather than "Users, Queues, and Gateways" so you can see what is going on with your chat service as soon as you log in. This makes more sense in the scheme of daily admin activities and should streamline your workflow. We are also improving time zone support. No more off-by-an-hour daylight savings time effects, and you'll have the ability to set your local time zone. Plus, we've added snazzy interactive reports where you can modify the graphs by clicking on the legends.<br /><br />The changes to the webchat client are less user-visible, facilitating an easy transition for your staff to the updated version. Initially, the most noticeable change will be easier navigation to Monitor Activity.</div><div><br /></div><div>These upgrades pave the way for exciting (and frequently requested) features, such as canned messages and the ability to centrally block abusive patrons. These new features will not be exposed in the new versions immediately, but they will be implemented as soon as possible after the first phase of changes. Under the hood, these updates represent modernization to the JavaScript libraries and pave the way for access control lists (ACLs), which will provide more fine-grained control over user permissions. </div><div><br /></div><div>Here is a screencast that provides a quick (less than 4 minutes!) overview of the updated admin site on our sister product, My Customer Cloud. This screencast was for the first public version of the updated admin site; we're adding a few more features to this version before we roll it out to LibraryH3lp.</div><br /><object data="http://content.screencast.com/users/psessoms/folders/LibraryH3lp%20Screencasts/media/516b35eb-7fcb-4436-9e77-ade1c1644489/scplayer.swf" height="450" id="scPlayer" type="application/x-shockwave-flash" width="610"><param name="movie" value="http://content.screencast.com/users/psessoms/folders/LibraryH3lp%20Screencasts/media/516b35eb-7fcb-4436-9e77-ade1c1644489/scplayer.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF"><param name="flashVars" value="thumb=http://content.screencast.com/users/psessoms/folders/LibraryH3lp%20Screencasts/media/516b35eb-7fcb-4436-9e77-ade1c1644489/FirstFrame.png&containerwidth=1024&containerheight=768&autohide=true&autostart=false&loop=false&showendscreen=true&showsearch=false&showstartscreen=true&tocdoc=left&xmp=sc.xmp&content=http://content.screencast.com/users/psessoms/folders/LibraryH3lp%20Screencasts/media/516b35eb-7fcb-4436-9e77-ade1c1644489/New%20Admin%20Site%20Overview.mp4&blurover=false"><param name="allowFullScreen" value="true"><param name="scale" value="showall"><param name="allowScriptAccess" value="always"><param name="base" value="http://content.screencast.com/users/psessoms/folders/LibraryH3lp%20Screencasts/media/516b35eb-7fcb-4436-9e77-ade1c1644489/"><iframe type="text/html" frameborder="0" scrolling="no" style="overflow:hidden;" src="http://www.screencast.com/users/psessoms/folders/LibraryH3lp%20Screencasts/media/516b35eb-7fcb-4436-9e77-ade1c1644489/embed" height="768" width="1024"></iframe></object><br /><div><br /></div><div>Some users may quite logically wonder if it's possible to test out the updated versions before they go live, or for us to provide the current versions and new versions simultaneously for a period of transition time. Unfortunately, the ACL support requires API changes that are incompatible with the previous interfaces, and so this simply isn't possible. However, we hope that our updated documentation and screencasts will help ease any growing pains.</div><div><br /></div><div>We'll be sure to post an update once we're closer to releasing the changes.</div></p>

Just a quick heads-up that we'll be updating the admin site and webchat client in the next couple of weeks. We'll give an exact date...

Birthday wish granted! We haz Wordle.

<p>A big <b>THANK YOU</b> to everyone who granted <a href="http://libraryh3lp.blogspot.com/2012/01/guess-what-were-four-years-old-today.html">our birthday wish</a>! The Wordle of LibraryH3lp customers is now in place on the <a href="http://libraryh3lp.com/">LibraryH3lp home page</a>. <div><br /></div><div>We gave greater font sizes to those customers who have been with LibraryH3p the longest because we sincerely appreciate the courage of our early adopters. And, without further ado, our Wordle:<div><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="http://libraryh3lp.com/images/keep-it-simple/libraryh3lp-wordle.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="361" src="http://libraryh3lp.com/images/keep-it-simple/libraryh3lp-wordle.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><br /></td></tr></tbody></table><div>Please let us know of any typos. And if you would like to add your library to our Wordle, <a href="mailto:support@libraryh3lp.com">just let us know</a>. We have plenty of room. :-)</div></div></p>

A big THANK YOU to everyone who granted our birthday wish ! The Wordle of LibraryH3lp customers is now in place on the LibraryH3lp home pag...

New commands for patrons texting your Twilio SMS gateway

<p>We've added two texting commands that give your patrons control over text messages sent from your Twilio number. <br /><br />When a patron texts "stop", "quit", or "end" to your Twilio number, she will no longer receive any incoming text messages from your librarians. As confirmation, she will receive a notice that the stop command was successful. These words will have no effect if they are simply part of a larger text message. That is, "When will this rain stop?" will go through just fine. <br /><br />To counteract a previously issued "stop" command, a patron can text "start" to your Twilio number. She will again be able to receive incoming text messages from your librarians. As confirmation, she will receive a notice that the start command was successful.<br /><div><br /><div>These commands are in keeping with <a href="http://mmaglobal.com/bestpractices.pdf">best practice guidelines from the MMA</a>.<br /><br />P.S. Thanks to everyone for the <a href="http://libraryh3lp.blogspot.com/2012/01/guess-what-were-four-years-old-today.html">birthday wishes last Friday</a>! It really made our week! And, if your library wants to be featured in our Wordle, there's still plenty of time to be included.</div></div></p>

We've added two texting commands that give your patrons control over text messages sent from your Twilio number. When a patron texts ...

Guess what? We're four years old today!

<p><div style="text-align: -webkit-auto;"><br /><div>Today is LibraryH3lp's birthday! We don't typically spend much time on this blog talking about ourselves, but this feels like a good time to do just that. We also have one favor to ask of you (think of it is a birthday wish), but that can wait until the very end of this post.</div><div><br /></div><div>Four years ago today, we issued a <a href="http://libraryh3lp.blogspot.com/2008/01/call-for-testers.html">call for testers</a> and described our basic goals regarding features. A year later, <a href="http://libraryh3lp.blogspot.com/2009/01/were-one-year-old-today.html">we announced</a> that the system was self-sufficient, in that it was making enough money to cover basic hosting costs, although programming time was mostly still donated by Eric. Eric was still doing a lot of separate contract programming in those days, with LibraryH3lp as an interesting side project.</div><div><br /></div><div>Four years later, we're still going strong and still growing. At this point, the care and feeding of LibraryH3lp involves full-time work by three people. It is Eric's main project now. Amy Shelton, programmer and support guru extraordinaire, joined up full-time in May 2011. Pam left her full-time librarian job at UNC-Chapel Hill at the end of December, 2011, in order to focus more fully on LibraryH3lp.</div><div><br /></div><div>Today, over 300 universities and colleges, public libraries, special libraries, and various combinations thereof pay for <a href="http://libraryh3lp.com/payments">subscriptions</a> (thank you!). The state-wide <a href="http://ncknows.org/">NCknows</a> service migrated fully onto LibraryH3lp, including backup staff, in the summer of 2011. We have servers in the US, Canada, Europe, and Asia. System architecture has been revised to support heavy usage and growth capacity. </div><div><br /></div><div>The code is being continually improved. While the whole system is not open source, we have released parts of the system as <a href="https://github.com/esessoms">10 different open source projects</a> and contributed to over a dozen more. We plan to talk more about our open source work later.</div><div><br /></div><div>In October 2011, one of our busiest months, there were 67,958 chats of at least 30 seconds duration on the US server. In the last 24 hours, we processed about 25.5 <b>million </b>presence requests from over 200,000 unique IP addresses; a presence request happens each time someone loads a web page with a LibraryH3lp widget or presence badge. Those numbers (presence requests from unique IPs) are a good indication that people are out there using <b>your</b> library websites very heavily, even on a cold day in January. Also in the last 24 hours, there were about a quarter million messages (individual lines of chat) sent back and forth.</div><div><br /></div><div>What is the secret to our success? Our loyal customers! We know there are several choices for virtual reference chat out there. So we sincerely appreciate the business of each of our customers. On this fourth birthday, we'd like to thank each of our customers for making LibraryH3lp a success and for trusting us to provide the infrastructure for your library's service.</div><div><br /></div><div>Now about that one birthday wish. We have never published a list of customers on our website, because that seems like a kind of rude thing to do without permission, even though it's done all the time in the technology field. Instead we have usually referred those who ask to the <a href="http://www.libsuccess.org/index.php?title=Libraries_Using_Specific_Types_of_Software_for_Embedded_Chat#Libraries_Using_libraryh3lp_for_Embedded_Chat">Library Success Wiki</a>. However, we'd really love to put a <a href="http://www.wordle.net/">Wordle</a> composed of current LibraryH3lp libraries on our web site. People really do ask, and we think it would look nifty.</div><div><br /></div><div>If you'd like to add your library to our Wordle, please either comment here, <a href="http://twitter.com/libraryh3lp">tweet us</a>, or shoot us an email at <a href="mailto:support@libraryh3lp.com">support@libraryh3lp.com</a>.</div><div><br /></div><div>Thanks, everyone!</div><div><br /></div><div>Eric, Pam, and Amy</div></div></p>

Today is LibraryH3lp's birthday! We don't typically spend much time on this blog talking about ourselves, but this feels like a good...

Fancy follow-me widget behavior with some JavaScript

<p>For those of you using <a href="http://libraryh3lp.com/docs/which-widget.html">follow-me widgets</a>, we'd like to share a nifty trick where you can use an image of a chat widget to initiate the follow-me behavior and then hide the chat widget image while the patron is using the follow-me widget. First, we'll show you the trick in action. Then we'll lift the hood and show how you can do it too!<br /><br />Our example comes courtesy of Danielle Theiss from <a href="http://www.rockhurst.edu/services/library/index.asp">Rockhurst University's Greenlease Library</a> and Jessica Hammond from the <a href="http://mobiusconsortium.org/">Mobius Consortium</a>. Many thanks to them for letting us share their work with you! If the video below doesn't show up properly, you can also <a href="http://content.screencast.com/users/psessoms/folders/Jing/media/c1bb33a3-9696-4bd7-8581-d053d507018d/rockhurst-follow2.mp4">view it here</a>.<br /><br /><br /><br /><center><object data="http://content.screencast.com/users/psessoms/folders/Jing/media/c1bb33a3-9696-4bd7-8581-d053d507018d/jingh264player.swf" height="400" id="scPlayer" type="application/x-shockwave-flash" width="500"><param name="movie" value="http://content.screencast.com/users/psessoms/folders/Jing/media/c1bb33a3-9696-4bd7-8581-d053d507018d/jingh264player.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#FFFFFF"> <param name="flashVars" value="thumb=http://content.screencast.com/users/psessoms/folders/Jing/media/c1bb33a3-9696-4bd7-8581-d053d507018d/FirstFrame.jpg&content=http://content.screencast.com/users/psessoms/folders/Jing/media/c1bb33a3-9696-4bd7-8581-d053d507018d/rockhurst-follow2.mp4&blurover=false"> <param name="allowFullScreen" value="true"> <param name="scale" value="showall"> <param name="allowScriptAccess" value="always"> <param name="base" value="http://content.screencast.com/users/psessoms/folders/Jing/media/c1bb33a3-9696-4bd7-8581-d053d507018d/"> <iframe type="text/html" frameborder="0" scrolling="no" style="overflow:hidden;" src="http://www.screencast.com/users/psessoms/folders/Jing/media/c1bb33a3-9696-4bd7-8581-d053d507018d/embed" ></iframe></object></center><br /><br />If you'd like to try out their page out for yourself, <a href="http://kansascity.searchmobius.org/search~S8">follow this link to the Mobius search page</a>.<br /><br />Now, let's lift the hood and see how it works.<br /><br />The first thing you'll want to do is to wrap the div containing your chat widget image within another div and give that div a distinctive id. Here is an example of what to do assuming you are using the output from our <a href="http://libraryh3lp.blogspot.com/2011/07/updated-widget-designer.html">updated widget designer</a> and using an id of "chat-widget".<br /><xmp><div id="chat-widget"> <div class="needs-js"> You need to enable JavaScript in your browser to chat with us. </div></div></xmp><br />Then you'll need to add a bit of JavaScript as close to the end of your BODY as possible.<br /><xmp><script type="text/javascript"> var id = 'chat-widget'; try { if (window.parent.location.href === undefined) { document.getElementById(id).style.display = 'none'; } else { document.getElementById(id).style.display = ''; } } catch (err) { document.getElementById(id).style.display = 'none'; } </script></xmp><br />For those interested in the technical details... The if statement is to handle Chrome. The exception handling takes care of Firefox and IE. Seems to work fine for latest versions of Opera, SeaMonkey, and Camino too. Please let us know if you find a case that isn't handled.<br /><br />That should do the trick. Have your own tips and tricks for follow-me widgets? Please share them in the comments below. :-)</p>

For those of you using follow-me widgets , we'd like to share a nifty trick where you can use an image of a chat widget to initiate the ...