Deine App in Google Play Store hochladen – Ionic (2)

App in den App Store Publish ionic Steffen Lippke Ionic Tutorial

„Wenn die Verpackung langweilig ist, interessiert sich keiner für den grandiosen Inhalt – Wenn die Verpackung großartig ist, unterstreicht Sie den Inhalt in vollen Zügen.“

Was sind die finalen Schritte, um die .APK Datei in den Google Play Store zu veröffentlichen?

In diesem Tutorial zeige ich Dir, wie Du es schaffst eine schönen Google Play Store Auftritt zu erstellen.

Inhalt - Weg zum Google Play Store

Herausforderung + Coding-Ziel

Coding zur Umsetzung

Coding-Ansatz + Konzept

Erweiterungen + Aufgaben

Grundlagen einfach erklärt

Fertiges Ziel / Ergebniss

1. Kapitel

Herausforderung & Ziel:Der Play Store Eintrag

Herausforderung und Ziel
Herausforderung und Ziel

Hast Du schon mal eine Webseite erstellt?

Kennst Du Begriffe wie Konversations-Rate und Leads?

Dieser Abschnitt erklärt, warum ein gut geplanter und sorgsam erstellte Webseite im Play Store für den Erfolg der App entscheidend sein wird.

 

 

Unser Ziel: Play Store Eintrag

Jetzt wird ernst.

Als Anschluss an das vorhergehende Tutorial, in dem ich Dir zeigte, wie Du am besten eine .APK Datei aus einem Ionic Projekt generierst, werfen wir eine Blick auf das Veröffentlichen eine Android-App.

Heute ist etwas Kreativität und Ambition gefordert, um eine großartigen Play Store Eintrag zu erstellen.

Die wichtigsten Messwerte, um den Erfolg eine Webseite zu messen sind:

  • Konversations-Rate: Prozentzahl Deiner Besucher Deiner Webseite, die auch wirklich die App downloaden
  • Leads: Wenn Du auf Deiner eigenen Webseite für Deine App wirbst, diese auf den Google Play Store weiter verweist und diese auch noch downloadest, bedeutet, dass der Nutzer einen Lead erfolgreich durchlaufen hat.

Dieses Tutorial zeigt Dir…

… wie Du Zugang zu dem Google Play Store erhält
… die Fettnäpfchen bei einem Play Store Eintrag vermeidest
... wie Deine Seite vertraulich und professionell aussehen lassen kannst

Technische Grundlagen - Dein Vorwissen

2. Kapitel

Konzept: Der GUTE Play Store Eintrag

Konzept und Lösungsansatz
Konzept und Lösungsansatz

Esfdsffasfsdf

 

 

11 Kostenlose Exklusive App Dev Tipps

Deine Mail für Zugang zu praxisnahe App Entwicklung Tipps zu erhalten

Die Suche nach der guten App

Geht wir mal davon aus, dass Du im Play Store nach eine Gehirnjogging App suchst. Dein Gehirn beginnt automatisch die Suchergebnisse nach den besten Bewertungen und Qualitätsindikatoren wie Downloadzahlen, „Tipp der Redaktion“ oder getestet von <bekannte Webseite> abzuscannen.

Guter Play Store Auftritt
Guter Play Store Auftritt

Darauf achten Play-Store-Nutzer unbewusst

  • Gibt es schöne Screenshots von der App?
  • Kann der Nutzer ein Video zur Benutzung ansehen?
  • Wie ist der Text gegliedert bzw. ist Text vorhanden?
  • Gibt es Bonus-Inhalte?

Um die Downloadzahl Deiner App zu erhöhen, ist es wichtig, dass Du neben der Entwicklung auch Energie in die Konzeption, Gestaltung und Umsetzung des Google Play Store Eintrags investierst.

Nicht so einladender Play Store Auftritt
Nicht so einladender Play Store Auftritt

3. Kapitel

Grundlagen: .APK in Play Store

Theorie einfach erklärt
Grundlagen einfach erklärt

Der nächste Abschnitt zeigt den weiteren Verlauf des Prozess zur Veröffentlichung der App.

 

Anhand dieser letzten Schritte machen wir Deine App für den Store reif. Wenn Du noch nicht das 1. Tutorial zu Google Play Store gesehen hast, solltest Du Dir, diese ansehen.

  1. Code säubern
  2. Ionic Plattformen installieren 
  3. Build Prozess ausführen
  4. Emulator Test 
  5. Handy Emulator Test – Probe Nr. 2: Wie fühlt sich die App mit echter Touch-Bedienung an?
  6. App Signing – Jede App erhält eine Unterschrift von einem „echten“ Entwickler
  7. Texte, Screenshots, Übersetzungen - Ein guter Auftritt im Play Store braucht Bilder und Texte.
  8. Android App hochladen – Der finaler Schritt zur Veröffentlichung Deiner App

Wenn Du es geschafft hast, Deine App mit diesen Tutorial zu veröffentlichen, dann freue ich mich auf den Link zu der Google Play Store Seite in den Kommentaren.

4. Kapitel

Coden: Webauftritt gestalten

 

Coding und Umsetzung
Coding zur Umsetzung

Wie sind nur noch die letzten vier Schritte zum eigenen, veröffentlichen App entfernt:

Beginnen Wir!

    4. Handy Emulator Test (optional)

    Mit Android Studio kannst Du Diene App auf einem echten Android Gerät über USB testen. Bei Ionic gibt es des Öfteren Unterschiede in der Bedienung mit der Maus am Computer oder bei der Eingabe mit dem Daumen auf einem Touch-Display.

    Die Dokumentation von Android stellte zum Testen auf einem Gerät eine gutes Anleitung zu Verfügung.

    Testfragen - Achte auf Aspekte der Touch-Bedienung

    • Teste die Haptik: Ist Deine App intuitiv genug?
    • Erreichbarkeit: Kannst Du Deine App mit einer Hand bedienen oder muss Du Akrobatik betreiben? Nutze eine FAB als Toolbar Alternative?
    • Wählbarkeit: Liegen die Bedienelemente weit genug auseinander oder vertippt der Nutzer sich schnell?

    2. App Signing

    Um zu bestätigen, dass Du ein echter Entwickler bist, muss Du vor der Veröffentlichung die App digital unterschreiben. Das Signing-Prozess ist losgelöst von Ionic. Das Programm keytool.exe des Java Development Kits genereiert für Dich den Schlüssel, mit dem Du die .apk signen kannst.

    Mit Keytool.exe .apk signen

    Der plattforms Ordner in Deinem Ionic Projekt enthält alle Dateien eines vollständigen Android Studio Projekts. Deshalb kannst Du nach dem Builden Deine Ionic-App einfach das Android Projekt öffnen und die App signen.

    Umgebungsvariablen ändern
    Umgebungsvariablen ändern
    1. Installiere den Java JDK auf Deinem PC
    2. Verändere die Umgebungsvariablen in Windows:
      Die Shell muss wissen, wo das keytool Programm abgelegt ist, um auf den Code zugreifen zu können.

      Dazu öffnest Du die Systemsteuerung > System und Sicherheit > System > Erweiterte Systemeinstellungen (links) > Erweitert (Tab oben) >  Systemvaiablen > Path.

      Am Ende des Strings fügst Du die Pfad zu Deinem JDK-Ordner z.B C:\Program Files\Java\jdk-X.X.X\bin   ein.

      JDK Ordner
      JDK Ordner
    3. Erstelle den Keystoke via Terminal keytool -genkey -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-alias
    4. Signe die Apk via Terminal Jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.jks app-release-unsigned.apk my-alias

    3. Texte, Screenshots, Übersetzungen

    Zur Veröffentlichung eine App ist mehr als nur eine .apk Datei notwendig. Jede App im Google Play Store wirbt mit Texten, Bildern und Videos. Die Medien sollen die Android Nutzer dazu bewegen die App auf Ihr Smartphone zu installieren.

    Das erwarten die Play-Store-Nutzer

    Qualität ist vor Quantität: Nur überzeugende Bilder und Texte machen eine App erfolgreich. Warum sollte ich als Android Nutzer ein App installieren, die keinen einzigen Screenshot auf der Google Play Seite zeigt un d keine Texte vorweist. Wenn der Nutzer keinen Informationen zur App findet,  kann es viele Nutzer abschrecken eine "unbekannte" App zu downloaden.

    Google empfiehlt sogar die App mit allen Strings in der App und alle Texte auf der Webseite in mehreren Sprachen zu übersetzten, damit diese Google in anderen Ländern anbieten kann.

    Texte - Grundausstattung

    • Name max. 50 Zeichen
    • Kurze Beschreibung:80 Zeichen
    • Vollständige Beschreibung: 4000 Zeichen
    • Übersetzungen für Texte (kaufbar direkt in der Google Play Console)

    Grafik - Kreativität gefragt

    • 2 Screenshots: JPEG oder 24-Bit-PNG (kein Alpha), Mindestgröße: 320 Pixel, Maximalgröße: 3.840 Pixel
    • App-Icon: 32-Bit-PNG mit Alpha, Größe: 512 x 512 Pixel,  Maximale Dateigröße: 1.024 KB
    • Vorstellungsgrafik ( bei Google Play Store erscheint diese oben im Store-Eintrag):
    • JPEG oder 24-Bit-PNG (kein Alpha)
    • Größe: 1.024 x 500 Pixel
    • Werbevideo: z.B. https://www.youtube.com/watch?v=yourvideoid

    Weiteres - Veröffentlichen mit Verantwortung

    • Datenschutzerklärung
    • Kontaktdaten
    • Kategorie angeben

    4. Android App hochladen

    Öffne die Google Play Console: https://developer.android.com/distribute/console/ 

    Unter der Google Play Console meldest Du Dich an um die App hochzuladen.

    11 Kostenlose Exklusive App Dev Tipps

    Deine Mail für Zugang zu praxisnahe App Entwicklung Tipps zu erhalten

    Anmelden bei Google Play Console zum Hochladen der Ionic App
    Anmelden bei Google Play Console zum Hochladen der Ionic App
    Google Play Console möchte 25 Dollar per Kreditkarte
    Google Play Console möchte 25 Dollar per Kreditkarte
    Einmalige Investition für die erste Anmeldung
    Einmalige Investition für die erste Anmeldung

     

    App hochladen bei Google
    App hochladen bei Google

    5. Kapitel

    Erweiterungen: Video hinzufügen

    Erweiterungen und Weiterführendes
    Erweiterungen + mehr

    Beim Produktverkauf ist ein entscheidendes Kriterium, dass der Kunde das Produkt in Aktion sieht.

    Ganz egal, ob kostenlos oder kostenpflichtig. Die Downloadzahlen steigen, wenn der Kunde von der Funktion in Aktion sieht. Das Video visualisiert den Nutzen der App und bietet dem Nutzer einen Einstieg für die Benutzung.

    Für App-Vidoes gibt diverse Screencast Apps, mit der Du den Bildschirm Deiner App aufnehmen lassen kannst.

    Oder: Du erstellst ein 60s Erklärungsvideo mit Grafiken und Text zu Deiner App:

    • Wieso brauche ich diese?
    • Welche Vorteile bietet mir die App?
    • Was ist der Unterschied zu anderen (vergleichbaren) Apps?
    • Wann und wo kann ich die App am besten einsetzen?

    Mit einem Video wirkt die App professioneller und ansprechender.Mit der visueller Unterstützung eine YouTube Videos kannst Du einfach Funktionen und Vorteile erklären.

    6. Kapitel

    Fazit: Deine App zum Verkaufsschlager

    Ziel und Fazit
    Ziel und Fazit

    Deine App ist on.

    Als Einstieg empfehle ich Dir für Deine App persönlich werben. Der Vorteil bei einem direkten Gespräch ist, dass Du gleich von Deinem gegenüber Feedback für Deine App erhälst. Das ist Deine Grundlage für die nächste Version.

    Poste eine Link zu Deinem Google Play Store Eintrag in den Kommentaren!

     

    Credits zu den verwendeten Bildern
    Icons made by Vectors Market from www.flaticon.com is licensed by CC 3.0 BY

    Sichere Dir den kompletten
    Fundamental Ionic Course

    Die kostenlosen Tutorials sind ein Ausschnitt
    aus dem Fudamental Ionic Course by Steffen Lippke.

    Schon 4832 erfolgreiche Absolventen

    • Code Downloads + umfangreiche Lösungen + Dateien für Grundlagen zum Coden
    • Visuelle Beschreibungen mit HD+ Screenshots und Hilfen
    • Steffen's Clean Code - Erweiterung - Verbesserungs - Tipps
     

    100 h Kurslänge | 100 % Geld-Zurück-Garantie | Live-Support

     
    1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 4,50 out of 5)
    Loading...

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.