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.

[sourcecode language="plain"]{
"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": [
]
}[/sourcecode]

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

Posted in Google, Social Media, Tips & Tricks.

Tagged with , , .


8 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. :)

  2. Lucas Tadeu says

    I really liked your tutorial!
    Helped me getting some app done XD

    And i really liked the djacc.com website.
    Found some great bands there.

  3. sahil khanna says

    Hey, I have made an app – My blog app Now i wanted to use a free online sms service right from my desktop and as these chrome apps allow you to create shortcuts for these apps on your desktop.

    I thought to write this small code for this website as well, i made it and works just like i wanted now i think to upload it and help others as well to get the benefit but i am unable to upload it as it’s not my website.
    I am bugged can you help me in this, about how can i do and i know nothing about coding just curiously searched web and made my first app which was like a cake walk ;) .

    Thanks

  4. advertising networking events toronto says

    I seriously love your site.. Great colors & theme. Did you build this site yourself?
    Please reply back as I’m trying to create my own personal blog and would love to learn where you got this from or exactly what the theme is named. Thank you!



Some HTML is OK

or, reply to this post via trackback.