BlogLatest Posts

Posts Tagged ‘javascript’

Introducing: Scribble’s new event start notifier widget

Monday, March 19th, 2012

Hello friends. I’d like to introduce you to another of our open source javascript API widgets. This one is called Event Start Notifier. The name isn’t very catchy, but it’s very descriptive: The Event Start Notifier will notify your readers when a live event starts.

When you launch a live event, a notifier will slide on to your website — any page or all pages, it’s up to you — letting all the readers currently on the page know that an event has started. It’s not a pop-up: The entire notifier is a link that will take your readers to the event in your white label site. Readers don’t have to do anything to get the notifications, anyone on your site will see them.

Things you can do:

  • Style the notifier to match the look and feel of your site.
  • Change the text of the notifier to reflect your brand.
  • Choose to have the notifier show up in the top left, top right, bottom left, or bottom right of the page.
  • Show a close button so users not interested can get rid of the notifier quickly.

How to:

Head over to the project on Google Code, and download the source. Add the scripts to the page you’d like the notifier to show up on, and style the notifier and change the text to match your brand. That’s it!

You can find more detailed instructions and a list of options on the How To Use wiki.

Neat ideas:

  • It doesn’t have to be on your site all the time. Add the script to your home page before launching a breaking news or other high-profile liveblog, and remove it after creating the event.
  • Add the script to all of your pages so all the users on your site are notified when an event starts, no matter where they’re browsing.
  • If you have more than one white label site (eg. one for your business section and one for your sports section), put a business notifier on all of the business pages of your site, and a sports notifier on all of the sports pages.

Demo video:

Keep an eye on the top right.