View source for MDN/Archives/MDNv09x/v095/Affiliate buttons

<section begin="status" />
{| class="fullwidth-table"
|-
| style="font-weight: bold; background: #DDD;" | Feature 
| style="font-weight: bold; background: #DDD;" | Status 
| style="font-weight: bold; background: #DDD;" | ETA 
| style="font-weight: bold; background: #DDD;" | Owner
|-
| Affiliate buttons 
| {{StatusHealthy|status=Polish up Promote MDN page}} 
| 2011-05-23 
| Craig
<section end="status" /> 

|}

== 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: 

#Title + description of what the affiliate buttons are about 
#Get started instructions... that will walk them through a step-by-step process to get the button created 
#Form that will allow user to select 1. button graphic/theme, 2. button topic/text, and 3. button color 
#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. 
#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 &amp; 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 &amp; 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: [https://spreadsheets.google.com/ccc?key=0AqPOgw3oBI8ldFlXVmdtM3d2MnhxcjNiUWZvNEFBeEE&hl=en&authkey=CMSEvOUK see spreadsheet] 
*Original buttons .psd: (need link)

== Test Plans  ==

== Legend (remove if you like)  ==

{| class="fullwidth-table"
|-
| {{StatusHealthy|status=&nbsp;}} 
| Healthy: feature is progressing as expected.
|-
| {{StatusBlocked|status=&nbsp;}} 
| Blocked: feature is currently blocked.
|-
| {{StatusAtRisk|status=&nbsp;}} 
| At Risk: feature is at risk of missing its targeted release.
|-
| '''ETA''' 
| Estimated date for completion of the current feature task. Overall ETA for the feature is the product release date.
|}