Instagram-App auf Handy und URL auf Desktop öffnen?

Lesezeit: 2 Minuten

Paul Stephen Davis

Ich versuche, das Instagram zu öffnen und Apps auf einer von mir erstellten Holding-Seite zu verknüpfen, und versuche, einen Weg zu finden, wie die App geöffnet wird, wenn auf ein Handy geklickt wird, und das direkte URL-Profil, das geöffnet wird, wenn auf einen Laptop / Desktop geklickt wird?

        <div class="icon1"><a href="https://www.linkedin.com/in/luke-fearon-853606158/" target="_blank"></a></div>
        <div class="icon3"><a href="https://www.instagram.com/five_mile_food" target="_blank"></a></div>

Links funktionieren für den Desktop und ich weiß, dass ich Benutzer-IDs zum Öffnen der App auf dem Handy verwenden muss, aber wie implementiere ich den Code in HTML, um die relevante Plattform zu öffnen, auch wenn die Apps nicht installiert sind, greifen Sie auf die URL zurück, sodass der angeklickte Link immer noch öffnet etwas auf dem Handy

Sie können die folgenden Methoden verwenden, um einen Link zum Öffnen der Instagram-App auf einem Benutzergerät zu erstellen:

1. Methode

<a href="http://instagram.com/_u/{USERNAME}/">Link to Instagram Page</a>

Bitten Sie den Benutzer, die Anwendung auszuwählen, mit der gestartet werden soll

2. Methode

<a href="https://stackoverflow.com/questions/48787496/instagram://user?username={USERNAME}">Link to Instagram Profile</a>

Wenn der Benutzer die Instagram-Anwendung installiert hat: Startet die Seite direkt mit der nativen Anwendung
Wenn der Benutzer die Instagram-Anwendung nicht installiert hat: Nichts tun

und das funktioniert sowohl auf dem Handy als auch auf dem Desktop? Ich brauche keine separaten Adressen? und der Benutzername muss zwischen { } ?

– Paul Stephen Davis

14. Februar 2018 um 13:25 Uhr
Sie benötigen einen anderen Link für den Desktop. Sie können das Problem mit dem Anzeigen des richtigen Links auf Mobilgeräten und Desktops lösen, indem Sie die Links durch die Verwendung von Medienabfragen in CSS ausblenden und anzeigen. Ich glaube nicht, dass Sie das {} um den Benutzernamen herum brauchen

– Mikkel Fennefoss

14. Februar 2018 um 13:28 Uhr
Ich habe die Methode 1 verwendet und das Instagram öffnet die Desktop-URL auf meinem Localhost. Wird sich dies ändern, wenn auf das Handy geklickt wird, da ich nicht sicher bin, ob die Chrome-Entwicklertools die mobile Ansicht als tatsächliches mobiles Gerät erkennen? Sollte dies passieren oder muss ich die spezifische ID wie in diesem Beispiel verwenden, damit sie in der App geöffnet wird? Instagram

– Paul Stephen Davis

14. Februar 2018 um 13:38 Uhr
Ich glaube, ich habe es jetzt verstanden. Ich muss im Grunde genommen jedem ‘a’-Tag eine Klasse zuweisen und relevant für meine CSS-Medienabfragen anzeigen oder ausblenden? im Wesentlichen durch 2 a-Tags an derselben Stelle

für den Link?

– Paul Stephen Davis

14. Februar 2018 um 13:41 Uhr
Ja genau das brauchst du 🙂

– Mikkel Fennefoss

14. Februar 2018 um 13:59 Uhr

10746600cookie-checkInstagram-App auf Handy und URL auf Desktop öffnen?

#html #WordPress