Skip to content


How to Add Your Web App to Google Chrome Web Store

Recently, I developed an online metal music radio called Dj ACC. I wanted to add it to Google Chrome Web Store to access it from my browser's homepage. Here is how it looks like in my homepage. Nice, isn't it? :)

Dj ACC in ChromeLet's get to work now:

Configuration

It's not hard to accomplish this task in fact. There is a file called "manifest.json" that defines all the necessary configuration about your extension/app/theme. The json file below shows my manifest file for Dj ACC.

{
	"name": "Dj ACC - In Metal, I Trust.",
	"description": "New address for free online metal music.",
	"version": "1.1",
	"icons": {
		"128": "djacc_128.png"
	},
	"app": {
		"urls": [
			"http://www.djacc.com/"
		],
		"launch": {
			"web_url": "http://www.djacc.com/"
		}
	},
	"permissions": [
	]
}

It's straightforward i think. "name" and "version" are the only required fields. Put your site description into the "description" field. Icons are important. You should always provide a 128×128 icon. It's used during installation and by the Chrome Web Store. The others (16*16 and 48*48) may be omitted as I did. Beacuse I don't like Paint. :) The "app" part is used to specify the URLs that the application uses. Most important is the launch page for the app that the browser goes to when the user clicks the application's icon. It's opened in "New Tab" page.

You can find all the parameters for the manifest file here.

Submission

We're done for the configuration part. Put your json file and icon file (manifest.json and djacc_128.png for our case) in a directory and create a zip file that includes both files.

Now, open google web store page and select "Developer Dashboard" from the upper right. Login with your Google account if you're not already. Press "Add new item" button to upload our zip file.

Dj ACC - Add New Item

Select your zip file from the file system and click "Upload" button. You'll be presented a web form. Fill the "Detailed description", upload related icons. screenshot and images, add your owner web site, set pricing policy, select a category, region, language and finally connect your google analytics account if you have one. Test drive it using "Preview changes" button and publish it to the world with "Publish changes" button. That's all.

Important Note: Unless you're a Chrome Developer, you have to pay $5 before adding your content to web store.

Dj ACC - Final

Here is the final link for Dj ACC. Don't forget to add it to your browser and give 5 stars. :)

Happy coding. :D

Related Posts

  • No Related Posts

Posted in Google, Social Media, Tips & Tricks.

Tagged with , , .


2 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Thomas Staub says

    Do you know if th 5$ is a one time fee, or do you have to pay it for every app.

    • Abdullah Cetin CAVDAR says

      Hi Thomas,

      It’s one time fee. After you paid it once, you’re able to add as many app/extension/theme as you want.

      Thanks for the comment. :)



Some HTML is OK

or, reply to this post via trackback.