Haben Sie bemerkt, wie einige Websites ihre eigene App zum Herunterladen anbieten, wenn Sie ihre Website besuchen, während Sie auf einem iPhone, iPad oder iPod touch durch Safari surfen? Dies geschieht über ein kleines Popup-Menü, das oben in Safari angezeigt wird, wenn Sie einige Websites mit iOS 6 oder höher durchsuchen, und zwar über etwas, das als „Smart App Banners“ bezeichnet wird. Wenn Sie dies noch nicht im Internet gesehen haben, sehen Sie hier, wie es oben auf einer Website aussieht:

Diese sind überraschend einfach zu implementieren, alles, was benötigt wird, ist das Hinzufügen eines neuen Tags im Webseitenabschnitt, der auf die App-ID verweist, wie folgt:

Ersetzen Sie „“ durch die entsprechende App-ID, die Sie als Entwickler mit ziemlicher Sicherheit bereits kennen. Für Webentwickler können Sie die App-ID erh alten, indem Sie den iTunes/App Store-Link kennen, der die App-ID in der URL-Zeichenfolge enthält. Das Googeln nach der Client-App wie "App Name App Store" reicht normalerweise aus, um diese sofort zu finden.

Zum Beispiel ist dies der Link für die Kayak-App (die App wurde ausgewählt, weil ihre mobile Website Smart-App-Banner verwendet):

https://itunes.apple.com/us/app/kayak/id305204535?mt=8

In diesem Fall ist „305204535“ der App-ID-Code, der in das oben genannte Meta-Tag eingefügt werden müsste.

Apple verfügt über eine ausführliche Dokumentation dazu. Weitere Informationen finden Sie in der Entwicklerbibliothek.

Dieser Tipp ist wirklich sehr hilfreich für Web- und Anwendungsentwickler und alle anderen, die zufällig eine eigene App und eine eigene Website haben, auf der sie Benutzer auffordern möchten, diese App herunterzuladen . Für diejenigen mit Websites und ohne Apps ist das Einstellen des Apple Touch-Symbols ebenso wichtig, da es steuert, was ein Benutzer sieht, wenn er eine Website mit einem Lesezeichen auf seinem iOS-Startbildschirm markiert. Dazu muss lediglich eine Datei mit dem Namen "apple-touch-icon.png" zum primären Website-Verzeichnis hinzugefügt werden, obwohl sich jeder die Zeit nehmen sollte, eine Retina-fähige Version dieses Touch-Symbols zu erstellen.

Geht nach MarketingLand für die Tipp-Idee.