MDN/Archives/MDNv09x/v095/Affiliate buttons

Overview

what it's about

creating web badges for our community to put on their blogs and website to promote MDN docs and demos. pretty much the same idea as these examples:

• badge builder 5000 found here: http://www.w3.org/html/logo/
• old spreadfirefox affiliate buttons: http://www.spreadfirefox.com/affiliates/homepage
• new firefox 4 buttons: https://www.mozilla.org/contribute/buttons/

where it will live

• /promote

what it should look like

we should use the same basic theme and style elements from our existing MDN pages, including background, page block, form buttons, etc. (hopefully chowse or craig have what they need to get this skinned properly once we have a working page).

how it will work

here pretty much how i see the page layout in order:

1. Title + description of what the affiliate buttons are about
2. Get started instructions... that will walk them through a step-by-step process to get the button created
3. Form that will allow user to select 1. button graphic/theme, 2. button topic/text, and 3. button color
4. Through the steps in #3, it will be awesome to show a preview of the options available... so start with the #1 field showing the hotrod, toolbox, etc. by themselves, then buttons that preview the topic/text in field #3 and then a final set of buttons in 3 colors to choose from.
5. Once the final button is selected, we should generate an affiliate code for that button that the user can cut and paste into their site.

Next Steps & Open Issues

Next Steps:

• Get tracking codes created (laura) [DONE: tracking created in webtrands on 4/29]
• Create all the Web buttons (jay) [DONE: 5/11]
• Implement button generator (lorchard) [DONE: 5/13]
• Polish up the page (craig) [ETA: 5/23]
• Test on stage9, verify tracking data

Open Issues:

Related Bugs & Dependencies

• Main bug: https://bugzilla.mozilla.org/show_bug.cgi?id=646192
• Tracking codes bug: https://bugzilla.mozilla.org/show_bug.cgi?id=650938

Risks

Designs

• Button details: see spreadsheet
• Web-friendly buttons: http://people.mozilla.org/~jpatel/mdn/promote/buttons/

Test Plans

Legend (remove if you like)