How to Add an Announcement Bar to Your Website (to Call Attention to Something Important)
Since launching my effort to make my first feature film, I started running a thin horizontal banner at the top of the site to let visitors know that my campaign is ongoing. A lot of filmmakers have blogs these days (present company included, obviously), and so I thought I might post about how to add an announcement bar to your own website. Typically you’ll want to run an announcement bar when something special is happening for a limited time: you might be doing a fundraising campaign of your own, you might have a newly released DVD, or you might be running a discount on a product you’re selling. If you’re curious about how to add a similar bar to your own blog, website, or portfolio, here are a couple of good ways of doing so.
First, some folks are going to wonder, “why not just post a big announcement to your homepage?” Because traffic to your homepage is not all of your traffic. Anyone who comes directly to an internal page or post on your site — from Twitter, Facebook, an email, etc. — is not seeing your homepage. You can customize on which pages your announcement bar appears, but most importantly you can make it appear on all pages and try to reach the people who aren’t coming directly to your site’s home. At the same time, because it’s only about 30 vertical pixels, it’s very unintrusive. Okay, let’s look at two options:
I’m using Hello Bar to serve up the one you see at the top of this site. Previously I employed the bar to try to drum up support for the Japanese tsunami relief effort, and a thin banner across the top of a page can get you a few extra eyeballs on a link. When I say “a few,” however, I mean it. Check out the stats to date:
Yup, out of 100,000 impressions in the course of a week, only 0.3% of people click through to the campaign. So don’t expect an announcement bar to make or break your campaign! But every little bit counts in a Kickstarter campaign.
The basic functionality of Hello Bar is free, but if you upgrade to the Pro plan (which starts at $5/month and goes up based on number of clicks) you can do A/B split testing. Those are the colored lines in the chart above that spike at different rates on the right; basically, what you do is create a few different versions of the bar, with different blurbs and different designs, and then you see which one gets the most clicks.1 Once you’ve figured out which one works best, you can stick with it, knowing that you’re getting the highest percentage of clickthroughs (you know, a “whopping” 0.3% instead of only 0.1% or something). Of course, as with anything, the numbers don’t tell the full story; it might be that if you make the bar bright red and SHOUT IN ALL CAPS that you’ll get the most clickthroughts — but those people might be pissed off at you for searing their retinas. I tried to choose a color that’s part of my site’s color palette, but if you come back to the site and it’s a different color, you’ll know what I’m doing: experimenting.
Okay, so if you want to install your own Hello Bar, how do you do it? See this post for instructions on how to install the bar on your WordPress, Drupal, tumblr, Joomla, Squarespace, or Blogger web site. WordPress also has a plugin if you’re afraid of editing your theme files.
To answer a potential question — “why wouldn’t I just hard code the bar into my theme?” — the idea behind the Hello Bar is that you install some code once, and then you use a separate interface to turn it on or off and change campaigns/copywriting/themes without having to ever re-edit any code. I also turned to Hello because of the advanced split testing and statistics interface. As I said, the basic version is free and the Pro account is cheap unless you’re doing millions of page views a day (in which case, congratulations!).
The strangely-cased plugin attentionGrabber is a handy $12 WordPress add-on that offers similar functionality to the Hello Bar, and offers a bit more customization in addition to some basic social media integration. I like the looks of the plugin a lot, but haven’t experimented with it because it doesn’t offer the kind of analytics that HelloBar does (“Hi, my name is Koo, and I’m a statsaholic”). According to the developer, more advanced statistics are coming in the next version. It’s very nicely designed and has a nice tutorial video as well:
If you’re not going to spring for the Pro version of Hello Bar, attentionGrabber seems like a great
knockoff alternative as long as you’re on WordPress.
So there are two ways of adding an announcement bar to your own website. Too many times I’ve gone to a film’s website and, while on the trailer page, had no idea that it was [currently playing in theaters, newly available on DVD, premiering on VOD]. The last thing we want to do as filmmakers is bury the lead. Happy announcing!
- At the time I’m posting this, I’ve just started running a couple of new Hello Bar variants, which don’t have enough views to be statistically relevant yet. On split tests that have been running for several days, one variation is usually clearly better than the other; the best technique is to switch to the best version, and then start running new variants of that one. [↩]