Artikel-Schlagworte: „tutorial:“

Mitterweile ist ja der Chrome-Webbrowser aus dem Hause Google das Maß aller Dinge. Ein starkes Argument dafür ist der Chrome Web Store, den es seit Dezember 2010 gibt. In der Praxis eben der Play Store für diesen spezifischen Browser, mit dem man sich Spiele, Apps wie 500px oder Keep, aber eben auch Websites installieren kann.

Wenn ihr nun wie ich im Besitz einer schönen und/oder informativen Website seid und diese gerne als App für diesen Browser bereitstellen möchtet, müsst ihr ein wenig Arbeit investieren. Ferner braucht ihr einen Account bei Google Webmaster Tools, wenn ihr den nicht bereits habt und natürlich eine dort hinterlegte Website.

Was nun folgt ist eine Schritt-für-Schritt-Anleitung (Zeitaufwand ca. 15 Minuten), damit ihr im Chrome Web Store durchstarten könnt.

:: Vorbereitungen

1) Erstellt einen Account bei Google Webmaster Tools. Ihr müsst euch hierfür nur mit der EMail-Adresse anmelden
2) Erstellt ein Icon eurer Website.
Um einen Schnappschuss eurer Website zu machen gibt es diverse Plugins für Chrome, aber auch Firefox. Eines für Firefox wäre z.B. Screen Capture Elite, ein anderes Page2images.
Dieses Icon sollte die Größe 128×128 Pixel haben und im PNG-Format sein. Benennt es um in icon_128.png
3) Nutzt den Screenshot von vorhin, um einen weiteren im Format 1280×800 ODER 640×400 zu erstellen. Dazu skaliert ihr einfach das Bild, wie es euch gefällt. Das wird später euer Haupt-Präsentations-Screenshot sein.
4) Erstellt zwei weitere für die Kacheln: Einen im Format 440×280 Pixel und einen im Format 920×680 Pixel. Wieder einfach ein wenig eure Website im Screenshot skalieren. Format PNG, wie gehabt.
Optional: Wenn ihr eine Laufschrift-Kachel wollt, dann braucht ihr einen dritten Screenshot im Format 1400×560 Pixel.
5) Erstellt eine Datei manifest.json mit folgendem Inhalt:
{
"name": "NameDerDomain",
"description": "Eure Beschreibung, bis zu 132 Zeichen",
"version": "0.0.0.1",
"manifest_version": 2,
"icons": {
"128": "icon_128.png"
},
"app": {
"launch": {
"web_url": "http://euredomain.com/"
}
}
}
6) Erstellt eine ZIP-Datei, in der die manifest.json und die Grafikdatei icon_128.png drin sind. Wichtig: Benennt diese Datei um in myapp.zip

:: Eure Website als App zum Chrome Web Store hinzufügen

1) Besucht https://chrome.google.com/webstore/developer/dashboard und loggt euch mit eurem Google-Account ein
2) Klickt unten auf die Meldung und zahlt diese 5$ Gebühr. Dazu müsst ihr auch eine Kreditkarte in Google Wallet hinterlegen, von der der Betrag abgebucht wird
3) Sobald die Zahlung abgeschlossen ist, könnt ihr auf den Button „Neuen Artikel veröffentlichen“ klicken
4) Hier wählt ihr nun die ZIP-Datei von vorhin aus und ladet diese hoch
5) Was folgt ist ein Formular, welches euren Eintrag im Web Store repräsentiert. Ihr werdet gleich am Anfang merken, dass er das mit dem Icon nicht gecheckt hat. Das macht aber nichts, ladet einfach bei „Symbol“ die Datei icon_128.png hoch
6) Füllt das Feld aus „Detaillierte Beschreibung“. Ihr habt 16.000 Zeichen Platz hier
7) Den ersten Screenshot, den ihr hochladen müsst, ist der im Format 1280×800 ODER 640×400.
Optional könnt ihr hier noch eine YouTube-Adresse von euch bzw. eurer Website angeben
8. Nun kommen die Kacheln: Ladet die Grafikdateien im Format 440×280 und 920×680 Pixel einzeln hoch. Wenn ihr eines mit Laufschrift gemacht habt, ebenfalls hier
9) Die Website-URL ist bereits ausgefüllt, denn ihr habt diese Seite ja in den Webmaster Tools hinterlegt. Ihr könntet aber noch eine Kontakt-URL bei dem Fragezeichen hinterlegen, das kommt direkt darunter
10) Wählt die passende Kategorie für euch aus: Die Ober-Kategorien sind derzeit „Lernen“, „Lifestyle“, „News & Wetter“, „Produktivität“, „Serviceprogramme“, „Soziale Netze & Kommunikation“, „Spiele“, „Tools fürs Büro“ und „Unterhaltung“. Jede dieser Oberkategorien bringt weitere Unterkategorien mit sich, lest euch das durch und entscheidet euch für eine
11) Regionen könnt ihr so lassen
12) Sprache angeben
12a) Optional noch die ID von Google Analytics
13) Sichtbarkeitsoptionen noch auf „Öffentlich“, ihr wollt schließlich gefunden werden
14) nun auf „Änderungen veröffentlichen“ ganz unten rechts klicken und fertig! Ihr seid nun mit eurer Website als App(!) im Chrome Web Store präsent!

Wenn ihr noch an der Sinnhaftigkeit zweifeln solltet, schließlich ist das hier alles durchaus mit ein wenig Arbeit und ein paar Euro Investitionen verbunden: Bis Mitte 2012 wurden durch diesen Store 750 Millionen Apps verteilt. Und: Bei einem Marktanteil des Browsers am weltweiten Browser-Markt von fast 50% derzeit, sowie der Nutzung in den einzelnen Ländern des Erdballs geht faktisch kein Weg mehr daran vorbei, siehe diese Grafik. Chrome ist grün…

Wenn ihr noch ein Badge wollt, das gibt es dort: https://developer.chrome.com/webstore/branding. Richtig verlinkt sieht das dann so aus:

Noch ein letzter Hinweis: Chrome ist zwar bereits kostenlos, gibt es aber noch freier und zwar für Linux und heißt hier Chromium.