fI0rlAn: App Download bei Aufruf von mobilem Browser

Hallo liebes Forum,

ich habe eine Website erstellt, welche für den Aufruf mit dem PC optimiert wurde und zum Teil nur responsive funktioniert. Soweit kein Problem, denn ich habe auch eine verschlankte Seite erstellt, welche responsive läuft und sogar eine App.

Mein Problem nun: Ich möchte zum einen, dass wenn meine Hauptseite mit einem mobilen Gerät aufgerufen wird, zunächst die verschlankte (responsive) Seite erscheint (ggf. mit der Wahl, dass die "normale" Seite trotzdem aufgerufen werden soll) aber desweiteren der User auf die Verfügbarkeit der App im jeweiligen Store hingewiesen wird und sollte diese dann auf dem Gerät installiert sein, dass bei Klick auch diese geöffnet wird.

Kann mir da jemand helfen?

Gruß Florian

  1. @@fI0rlAn

    ich habe eine Website erstellt, welche für den Aufruf mit dem PC optimiert wurde und zum Teil nur responsive funktioniert.

    Warum? Und was spricht dagegen, es richtig zu machen?

    Soweit kein Problem, denn ich habe auch eine verschlankte Seite erstellt,

    Was heißt „verschlankte“? Dass man nicht alle Funktionen der PC-optimierten Seite zur Verfügung hat? Das sehe ich schon als Problem.

    Dass Nutzer Links zu Seiten weitergeben (bspw. über soziale Netzwerke) und ein Nutzer an einem PC die m-dot-Variante (oder wie auch immer die bei dir heißen mag) zu sehen bekommt, weil er den Link von einem anderen Smartphone-Nutzer erhalten hat, ist ebenfalls ein Problem.

    Woran entscheidest du eigentlich, welche Variante du auslieferst? Am User Agent String doch nicht etwa?

    und sogar eine App.

    Also dreifacher Entwicklungsaufwand? Wozu? Warum nicht eine Website (und „Web“ beïnhaltet responsive) – eine progressive web app?

    LLAP 🖖

    --
    “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
    1. Warum? Und was spricht dagegen, es richtig zu machen?

      Meine Seite besteht aus verschiedenen Inhalten, welche auch aus Fremdinhalt (per Iframe oder Java eingebunden) oder auch auf Wordpress Templates besieren. Diese kann ich nicht alle bearbeiten und responsive gestalten.

      Was heißt „verschlankte“? Dass man nicht alle Funktionen der PC-optimierten Seite zur Verfügung hat?

      Fast. Eher das Funktionen anders dargestellt werden. Die PC-Version zeigt Elemente und Unterseiten als einzelnes an. Die Mobile Seite fast diese mehr zusammen. Ich sehe hier kein Problem, denn grundsätzlich macht die Mobileseite das was sie soll und zwar die Elemente grafisch angepasst anzeigen, welche mit der Hauptseite (PC) mobil nicht korrekt laufen.

      Die App ist dann nochmal ein Schritt weiter.

      Die Mobileseite und die App sind auch Fremdsoftware. (und ja, ich darf diese alle verwenden!)

      Woran entscheidest du eigentlich, welche Variante du auslieferst?

      Genau dies möchte ich einstellen. 1.Ruft jemand mit einem PC meine Seite auf, wird diese ganz normal angezeigt. 2.1 Ruft jemand den Link mit dem Smartphone auf, so soll auf die Mobileseite weitergeleitet werden (oder zumindest ein Hinweis erhalten, dass so eine Seite existiert). 2.2 Beim Aufrufen mit einem mobilen Browser soll zudem der hinweis auf die App erfolgen mit Downloadlink bzw. dass diese geöffnet werden soll.

      Gruß Florian

      1. Lieber fI0rlAn,

        ruft jemand meine Seite auf, will er die sehen. Sofort. Nicht erst über irgendeinen Store noch eine ungewollte (potentiell unsichere!) App installieren.

        Was Du willst, ist nicht immer das, was der Besucher will. Der will Deine Inhalte sehen, und zwar sofort (mit minimaler Datenmenge). Du willst ihm vorschreiben, womit und wie er sie sich ansehen darf.

        Gunnar fragte schon ganz vernünftig:

        Und was spricht dagegen, es richtig zu machen?

        Mit "richtig" ist wohl gemeint, dass alle Deine mobile Version in ihrem jeweiligen Browser zu sehen bekommen. Denn die scheint mir die vernünftigste Darstellung zu bieten - auch für PC-Browser.

        welche auch aus Fremdinhalt (per Iframe oder Java eingebunden) oder auch auf Wordpress Templates besieren.

        Das klingt mir nach "Dein Problem, nicht meines", denn aus Sicht des Users geht es "einfach" nur um die Darstellung der gewünschten Inhalte. Wie Du das machst, ist ihm herzlich egal. Er will die Inhalte sehen, und zwar ohne Umwege. IFrames sind Umwege. Wordpress-Templates als Argument sind Ausreden, warum man es nicht "richtig" (Gunnar) machen möchte. Für Wordpress gibt es eine Menge an Templates, die Inhalte für mobile Geräte wunderbar passend anzeigen können, ohne dass der User auf eine andere Seite wechseln muss.

        Diese kann ich nicht alle bearbeiten und responsive gestalten.

        Wieso bearbeiten? Du hast doch ein Backend (Wordpress)! Bringe dem Backend bei, dass es die Inhalte für alle zugänglich ausliefern soll! Alles andere ist doch Quatsch!

        Eher das Funktionen anders dargestellt werden. Die PC-Version zeigt Elemente und Unterseiten als einzelnes an. Die Mobile Seite fast diese mehr zusammen.

        Aha, ich ahne schon. Du willst auf der PC-Seite mehr Werbung unterbringen, weshalb Du die Inhalte in mehrere Unterseiten splittest. Der mobile User bleibt davon (eher?) verschont. Stimmt's?

        Ich sehe hier kein Problem, denn grundsätzlich macht die Mobileseite das was sie soll und zwar die Elemente grafisch angepasst anzeigen, welche mit der Hauptseite (PC) mobil nicht korrekt laufen.

        Das verstehe ich nicht. Warum kann ein PC-Browser die mobile Seite nicht korrekt anzeigen?

        Die App ist dann nochmal ein Schritt weiter.

        Ja, sie spioniert mich potenziell aus. Nein danke. Eine Internetseite ist eine Internetseite und keine App. Wenn ich für jede Internetseite eine eigene App benötige, wozu dann noch mobile Browser? Ich glaube, Du willst Deine Werbung noch genauer ausliefern können, was?

        Die Mobileseite und die App sind auch Fremdsoftware. (und ja, ich darf diese alle verwenden!)

        Deine App ist Fremdsoftware. Echt jetzt? Die soll ich mir installieren, damit ich Deine Inhalte in der von Dir gewünschten Form angezeigt bekomme? Sag mal, geht's noch?!

        1.Ruft jemand mit einem PC meine Seite auf, wird diese ganz normal angezeigt.

        Das ist das Internet.

        2.1 Ruft jemand den Link mit dem Smartphone auf, so soll auf die Mobileseite weitergeleitet werden (oder zumindest ein Hinweis erhalten, dass so eine Seite existiert).

        Das ist nicht das Internet. Das Internet besteht aus Inhalten, die man auf Seiten findet. Deine Seite sollte auf kleineren Viewports entsprechend anders aufbereitet angezeigt werden. Aber gleich diejenige Seite, die aufgerufen wurde, keine Ersatzseite für nicht-PCs!

        2.2 Beim Aufrufen mit einem mobilen Browser soll zudem der hinweis auf die App erfolgen mit Downloadlink bzw. dass diese geöffnet werden soll.

        Ich glaube, ich will Deine Seite niemals besuchen. Wenn Du mir schon dermaßen unbequem bei meinem ersten Seitenaufruf Probleme mit der Zugänglichkeit aufnötigst!

        Liebe Grüße,

        Felix Riesterer.

        1. Hallo,

          ich habe oft das Gefühl, dass Leute die auf Frage- oder Problemstellungen in Foren antworten, nicht unbedingt diese Frage beantworten möchten, sondern nur die negativen Aspekte hervorheben. Grundsätzlich finde ich es gut, wenn mir Personen, die sich besser als ich auskennen (deswegen suche ich ja auch diese Forum auf) auf mögliche Fehler oder Probleme meiner gewollten Umsetzung hinweisen. Ich würde es dennoch bevorzugen, wenn mir jemand auch dann konstruktive Lösungen bieten kann.

          Zunächst einmal ist meine Website frei von Werbung (zumindest im herkömmlichen Sinne), es gibt aber natürlich Eigenwerbung. (Beispiel: Jemand der auf seiner Seite seine selbst gestrickten Socken anbieten, verweist auch mehrfach oder über verschiedene Art und Weise auf seine Store hin.

          Nun zu deiner Argumentation, dass es nicht das Internet sei, dass Usern anhand Ihrer Technik auf alternative Aufrufmöglichkeiten hingwiesen werden: Naja, schaue ich mir mal den App Store meines Smartphones an, finde ich dort viele Apps, die Inhalte wiedergeben, die ich eigentlich auch mit meinem Browser auf dem Smartphone aufrufen kann. Dennoch haben diese Apps beachtliche Download- und Userzahlen! Auch werde ich beim surfen immer öfter auf eine verfügbare mobile Website hingewiesen. (Beispiel Bild.de) Also wieso darf ich nicht auch diese Möglichkeit anbieten wollen. Mir geht es in keinstem darum, zu wissen, wer oder wie viele meine Seite wie aufrufen. Mir geht es einfach darum, dass meine Kernelemente der Website dem Unser ordentlich angezeigt werden, so dass er diese auch verwenden kann. Dass ein Smartphone-User am Ende mit seinem mobilen Browser die Bilder die auf der PC Seite vorhanden sind oder sonstwas nicht dargestellt bekommt, ist mir lieber, als wenn er diese falsch dargestellt bekommt, weil es eben nicht um diese Inhalte geht.

          Gruß Florian

          1. Hallo Florian,

            verschiedene Seiten für verschiedene Gerätetypen stammen aus einer Zeit, als es technisch noch nicht anders ging. Heute kannst du über srcset Bilder in unterschiedlicher Auflösung anbieten und über Mediaqueries von der Anzeigengröße abhängiges CSS.

            Apps, die nur einen abgespeckten Browser darstellen, halte ich in den meisten Fällen aus Nutzersicht für Unfug. Bei Angeboten, die man oft besucht, können Sie aus meiner Sicht sinnvoll sein. Ich verwende bei Focus und Spiegel gerne deren Apps, da sie weniger Werbung zeigen. Aber für den Einkauf in einem Onlineshop wäre mir die Installation einer App viel zu aufwändig.

            Gruß
            Jürgen

  2. Ich möchte zum einen, dass wenn meine Hauptseite mit einem mobilen Gerät aufgerufen wird, zunächst die verschlankte (responsive) Seite erscheint (ggf. mit der Wahl, dass die "normale" Seite trotzdem aufgerufen werden soll) aber desweiteren der User auf die Verfügbarkeit der App im jeweiligen Store hingewiesen wird und sollte diese dann auf dem Gerät installiert sein, dass bei Klick auch diese geöffnet wird.

    Soweit ich weiß gibt es dafür (noch) keinen Webstandard und jeder Browser kocht sein eigenes Süppchen. Chrome liest bspw. die Manifest-Datei ein und bietet dem Nutzer dann einen für das OS passenden Installations-Dialog an. Bei FF, Safari und Edge funktioniert das wie gesagt anders, mit dem Suchbegriff "App Install Banner" solltest du fündig werden.

    1. Hallo,

      damit hast du mir zumindest die Frage mit der App beantwortet und ich konnte dies in 1-2 Minuten umsetzen und es funktioniert. Besten Dank.

      Gruß Florian