Wie kann man einen Telefonanruf auslösen, wenn man auf einen Link in einer Webseite auf einem Mobiltelefon klickt?

Question

Ich muss eine Webseite für mobile Geräte erstellen. Es gibt nur eine Sache, die ich noch nicht herausgefunden habe: Wie kann ich einen Telefonanruf durch den Klick auf den Text auslösen?

Gibt es eine spezielle URL, die ich eingeben kann, wie die mailto: Tag für E-Mails?

Gerätespezifische Lösungen werden nicht bevorzugt.

Ich weiß, dass das iPhone automatisch Telefonnummern erkennt und dafür einen Link erstellt, aber es wäre toll, wenn dies auch für Bilder möglich wäre... und auch für die meisten mobilen Geräte.

Answer 1

Die meisten modernen Geräte unterstützen das Schema tel:. Verwenden Sie also <a href="tel:555-555-5555">555-555-5555</a> und Sie sollten wieder einsatzbereit sein.

Wenn Sie es für ein Bild verwenden wollen, muss die <a> Tag kann die <img/> genau wie in anderen normalen Situationen mit : <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

Answer 2

Das korrekte URL-Schema ist tel:[Nummer], also würden Sie Folgendes tun

<a href="tel:5551234567"><img src="callme.jpg" /></a>

Answer 3

Der Vollständigkeit halber möchte ich hier eine Antwort hinzufügen.

<a href="tel:1234567">Call 123-4567</a>

Funktioniert auf den meisten Geräten einwandfrei. Auf Desktops wird dies jedoch als Link angezeigt, der nichts bewirkt, wenn Sie darauf klicken. Sie sollten daher in Erwägung ziehen, CSS zu verwenden, um ihn nur auf mobilen Geräten bedingt sichtbar zu machen.

Außerdem sollten Sie wissen, dass Skype (das recht populär ist) standardmäßig eine andere Syntax verwendet (die aber so parametriert werden kann, dass tel: verwendet wird).

<a href="callto:1234567">Call 123-4567</a>

Ich denke jedoch, dass in den neuesten mobilen Browsern (ich weiß es sicher auf Android) jetzt die tel Syntax sollte ein Pop-up-Fenster mit den verfügbaren Anwendungen anbieten, die zur Ausführung der aufrufenden Aktion verwendet werden können.

Answer 4

Anklickbarer Smartphone-Link-Code:

Der folgende Link kann verwendet werden, um einen klickbaren Telefonlink zu erstellen. Kopieren Sie den unten stehenden Code und fügen Sie ihn in Ihre Webseite ein, dann bearbeiten Sie ihn mit Ihrer Telefonnummer. Dieser Code funktioniert möglicherweise nicht auf allen Telefonen, aber für iPhone, Droid / Android und Blackberry.

<a href="tel:1-847-555-5555">1-847-555-5555</a>

Rufnummernverknüpfungen können mit Bindestrichen, wie oben gezeigt, oder ohne Bindestriche, wie im folgenden Beispiel, verwendet werden:

<a href="tel:18475555555">1-847-555-5555</a>

Es ist auch möglich, einen beliebigen Text im Link zu verwenden, solange die Telefonnummer wie in diesem Beispiel mit "tel:18475555555" angegeben wird:

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>

Nachstehend finden Sie einen anklickbaren Telefon-Hyperlink, den Sie überprüfen können. In den meisten Browsern, die keine Telefone verwenden, wird dieser Link mit der Fehlermeldung "Die Webseite kann nicht angezeigt werden" angezeigt oder es passiert nichts.

HINWEIS: Der Safari-Browser des iPhones erkennt automatisch eine Telefonnummer auf einer Seite und wandelt den Text in einen Anruf-Link um, ohne dass der Code auf dieser Seite verwendet wird.

WTAI-Smartphone-Link-Code: Der WTAI- oder "Wireless Telephony Application Interface"-Verbindungscode wird unten angezeigt. Dieser Code gilt als das korrekte Mobiltelefonprotokoll und funktioniert auf Smartphones wie Droid, allerdings funktioniert er möglicherweise nicht für Apple Safari auf dem iPhone, weshalb der obige Code empfohlen wird.

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>

Answer 5

Verwenden Sie im Wesentlichen eine <a> Element mit einem href attr, der auf die Telefonnummer mit dem Präfix tel: . Beachten Sie, dass Pluszeichen verwendet werden können, um den Ländercode zu spezifizieren, und dass Bindestriche einfach für das menschliche Auge eingefügt werden können.

MDN-Webdokumente

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link

El HTML <a> Element (oder Anker-Element), zusammen mit seinem href-Attribut, erstellt einen Hyperlink zu anderen Webseiten, Dateien, Orten innerhalb der gleichen Seite, E-Mail-Adressen oder jede andere URL.

[ ]

Das Anbieten von Telefon-Links ist hilfreich für Benutzer, die Webdokumente ansehen und Laptops, die an Telefone angeschlossen sind.

<a href="tel:+491570156">+49 157 0156</a>

IETF-Dokumente

https://www.rfc-editor.org/rfc/rfc3966

El tel URI für Telefonnummern

Der URI "tel" hat die folgende Syntax:

telephone-uri = "tel:" Telefon-Teilnehmer

[ ]

Beispiele

tel:+1-201-555-0123 : Diese URI verweist auf eine Telefonnummer in den Vereinigten Staaten. Die Bindestriche wurden eingefügt, um die Nummer besser lesbar zu machen; sie trennen Land, Ortsvorwahl und Teilnehmernummer.

tel:7042;phone-context=example.com : Der URI beschreibt eine lokale Rufnummer Nummer, die im Kontext von "example.com" gültig ist.

tel:863-1234;phone-context=+1-914-555 : Der URI beschreibt eine lokale Rufnummer, die innerhalb einer bestimmten Vorwahl gültig ist.