758512 - Create Marketplace badges/branding kit for app developers to link to the Marketplace

Status: RESOLVED FIXED

(Marketplace Graveyard :: Developer Pages, enhancement, P5)

Description

[Christopher Van Wiemeersch [:cvan]]

We should give developers the ability to copy+paste some CSS/JS so they can link from their websites to their apps on the Marketplace.

I saw this http://i.imgur.com/rXApn.png at http://clock6.com/ and it looks like the Chrome Web Store has a whole branding kit:

https://developers.google.com/chrome/web-store/branding

Comment 1

[Wil Clouser [:clouserw]]

This is a fine idea, and Product would probably love it, but let's write a few paragraphs about what it would be and do.  Also, in this brave new world, you're going to need buy in from product/ux/branding.

Comment 2

[Christopher Van Wiemeersch [:cvan]]

Reopening for product input.

Comment 3

[Max Polhill]

Hello! I was looking for badges for the marketplace and I was told that there was none. I put on my design hat for a bit and designed multiple images for developers to link to their marketplace listings.

I can make any adjustments needed, you can see them all here:

http://imgur.com/a/5Sfax

Comment 4

[David Bialer [:dbialer]]

We would like to have a button to either, go to a details page, or go directly to a download or purchase.

Comment 5

[Christopher Van Wiemeersch [:cvan]]

https://assets.mozillalabs.com/Projects/Firefox%20Marketplace/Badges/

Now we have them! David/UX, we should come up with a page somewhere to point developers to these. Thoughts?

Comment 6

[Maureen Hanratty]

We could add them to the affiliate program site, though it might be nice to have a place that doesn't require sign-in :)

https://affiliates.mozilla.org/en-US/

Comment 7

[David Bialer [:dbialer]]

What we would need is put this on devhub. We also need a snippet of code, for instance, if a developer is linking directly to their app.  It would be good to have a tracking code as well so we can get the source.

Like this builder:
http://developer.android.com/distribute/googleplay/promote/badges.html

Comment 8

[Bram Pitoyo [:bram]]

I agree with David that DevHub seems like a good place to put this. Later when it is merged with MDN to form the dev ecosystem, it should also be housed there.

For now, it can be put under the “Publish” section (alternatively, we can make a section called “Promote”, but this might be overkill) under a page called “badges” or “banners”.

Comment 9

[Tony Santos [:tsmuse]]

We should add this content directly into the MDN apps pages, since Devhub as it exists today will be merged into MDN by the end of Aug. But no reason it can't live both places in the mean time, IMO. 

Also, not to be a party-pooper, but has any one on John Slater's team signed off on this?

Comment 10

[Matt Basta [:basta]]

(In reply to Christopher Van Wiemeersch [:cvan] from comment #5)
> https://assets.mozillalabs.com/Projects/Firefox%20Marketplace/Badges/
> Now we have them!

(In reply to Bram Pitoyo [:bram] from comment #8)
> I agree with David that DevHub seems like a good place to put this.

(In reply to Tony Santos [:tsmuse] from comment #9)
> since Devhub as it exists today will be merged into MDN by the end of Aug

The MDPocalypse didn't happen and docs are still flowing into devhub. Can we get a plan to add this to the devhub? And if not, can someone get the ball rolling on MDN?

Comment 11

[Bram Pitoyo [:bram]]

Here’s a sample starting text for the section. Please feel free to revise it.

Section: Publish
Page name: Badges, banners and icons

Body:

"Get it in the Firefox Marketplace" are badges that you can use on your web site and promotional materials to point to your products on Firefox Marketplace.


Guidelines
----------
* You may not alter the badge in any way
* When used alongside logos for other marketplaces (“Get it on Google Play”, “Download on the App Store”), the Firefox Marketplace badge should be of equal or greater size
* The badge should link to an app details page within Firefox Marketplace
  For example: https://marketplace.firefox.com/app/twitter


Download
--------
* Orange: 116x40, 129x45, 172x60
* Grey: 116x40, 129x45, 172x60
* Black: 116x40, 129x45, 172x60
* Adobe Illustrator

Logo
----
To view and download the Firefox Marketplace logo, please visit the the Mozilla style guide. (https://www.mozilla.org/en-US/styleguide/identity/marketplace/branding/)

Comment 13

[Bram Pitoyo [:bram]]

Let me know if we ever get to implement this resource page, and when you need further help!

Comment 14

[David Bialer [:dbialer]]

This is the Q4 plans and is actually is a marketing ask for an Affiliate Program.

Comment 15

[Christopher Van Wiemeersch [:cvan]]

https://github.com/mozilla/zamboni/commit/ea35179
https://marketplace-dev.allizom.org/developers/docs/badges