Political

Get Lib Dem campaign buttons for your website

2023 update: thank you to everyone who helped use this service over the years, but as websites have moved on it has become redundant and the service is now closed.

Installation instructions

Lib Dem buttons feed example

NOTE: If you have a self-hosted WordPress site, then you can use the plugin kindly provided by Andy Strange, which includes the configuration options mentioned below and also supports https.

To add the Liberal Democrat campaign buttons to a blog or website, just add the following script in the appropriate location:

<script
type="text/javascript"
src="//libdemwidget.markpack.org.uk"></script>

For example, if you have a self-hosted WordPress site you can add a widget in an appropriate place and put this code in it. (However, the buttons won’t work on a WordPress.com site as you’re not allowed to add Javascript to your sites on that system.)

If you copy and paste the lines above, make sure the double quotes come out as straight and not curled or angled quotes.

Since March 2016, the widget works on secure (https://) pages too. Ensure the src attribute in any existing installation begins “//”, as above.

You can see a simple example of the buttons in action at https://libdemwidget.markpack.org.uk/examples/.

Configuration options

Don’t like the Aqua colour scheme? Change it by adding ?style=xxx, where xxx is one of the words from this list:

dark
gold
green
grey
aqua

For a text-only version, use:

text

For a version with all inline CSS styling removed, use:

plain

For example:

<script
type="text/javascript"
src="//libdemwidget.markpack.org.uk?style=dark"></script>

You can see all these options in action on the test page at http://libdemwidget.markpack.org.uk/examples/

(Thanks to Jennie Rigg and David Wright for suggesting these options be added.)

Prater Raines sites

If you have a Prater Raines website, you can add the buttons from the admin area without worrying about any lines of code.

To add them to any page / article, go to the page, hit the “Campaigns” button on the editor bar (icon looks like a megaphone) and select “Sidebar buttons from Mark Pack”. Add, save the page, and it is done.

Background to the buttons

As I wrote in September 2012, during my time working at party HQ doing online campaigning one of our most successful projects (cooked up with the help of Rob Fenwick and Martin Tod) was the ‘campaign buttons’ – a simple piece of code which let bloggers and those with other websites easily display campaign adverts and news stories from the party.

It was a great way for the party to be able to push out quickly and widely adverts for new campaigns, policy launches and the like, whilst for those running sites it made for some automatically updated and useful content which they did not have to look after.

Since I left, the campaign buttons rather fell out of favour. Although the code is still running, zombie-like continuing to churn through the motions, the buttons themselves have not been updated for an age. As a result they now display a mix of broken images and trips down memory lane, such as the old campaign to encourage people to look up their MP’s voting record on Iraq.

Chatting to people at party HQ, there aren’t any plans to revive them. That’s a shame, although understandable as there is other internet and IT work taking a higher priority.

On my usual basis that regretting other people’s (in)action should be leavened by taking practical action yourself, in October 2012 I therefore resurrected the idea, with the help of coding by the as ever excellent Simon Dickson and Andy Strange.

The new button feed isn’t an official party service, but it’s available to all to use and I do my best to make it reliable and useful.

It’s primarily outward looking, so the content it features is designed to tell the public what the Liberal Democrats have done and why the party should be supported, making it suitable – for example – for local councillor, local campaigners or MP websites.

22 responses to “Get Lib Dem campaign buttons for your website”

  1. 'The appropriate place' – any clues? Would like to get your widget going on my Facebook page if it's poss.

  2. Can we PLEASE not have that Aqua heading at the top. Or if other people really like it, can we have a parameter to set the colour to Orange?

  3. Thanks for this. http://votelibdem.com updated. The previous showbuttons script was on many of our pages and it was driving me nuts. Let's hope you keep your promise to make it relevant and useful, although I am presently wondering why Nick is still apologising in the top video. Is there nothing PCC relevant in videos to take the limelight? And to David Wright, below, the aqua suits my site very well!

  4. You do say that your widget can be used on self-hosted WordPress sites, but perhaps you should explain that it can’t be used on a WordPress.com site. Many people use the latter for blogs or quick and dirty campaign sites because they are free and very easy to set up, but javascript is not allowed.

  5. Anyone know how to add this to a Drupal 7 site. I’ve tried to create a text format that doesn’t strip out the javascript but can’t get it to work.

    • DuncanMacdonald I’ve got it working with Drupal 7.12 using a Full HTML text format. Make sure the format doesn’t limit allowed HTMLtags. If that doesn’t work find me on Facebook and we can chat

      • DuncanMacdonald The odd thing is that the code disappears in the block edit box, but it still works.

  6. GregFoster Be nice if that were practical. I fear not, as each story being added would need promptly translating too – and that happens at all sorts of odds hours of the day and week?

Leave a Reply

Your email address will not be published. Required fields are marked *

All comments and data you submit with them will be handled in line with the privacy and moderation policies.