So lösen Sie einen Anruf aus, wenn Sie auf einem Mobiltelefon auf einen Link auf einer Webseite klicken

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 Anruf durch Klicken auf Text auslösen?

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

Gerätespezifische Lösungen werden nicht bevorzugt.

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

Die meisten modernen Geräte unterstützen das Tel: Schema. Also benutze <a href="tel:555-555-5555">555-555-5555</a>und du solltest bereit sein zu gehen.

Wenn Sie es für ein Bild verwenden möchten, kann das <a>Tag das darin <img/>platzierte Tag wie andere normale Situationen behandeln mit:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

Das richtige URL-Schema lautet tel: [number]

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

Der Vollständigkeit halber möchten Sie 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 beim Klicken nichts bewirkt. Sie sollten daher in Betracht ziehen, CSS zu verwenden, um es nur auf Mobilgeräten bedingt sichtbar zu machen.

Außerdem sollten Sie wissen, dass Skype (das ziemlich beliebt ist) standardmäßig eine andere Syntax verwendet (kann jedoch für die Verwendung von tel :) parametriert werden.

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

Ich denke jedoch, dass in den neuesten mobilen Browsern (ich weiß es sicher unter Android) die telSyntax jetzt ein Popup der verfügbaren Anwendungen bieten sollte, mit denen die aufrufende Aktion abgeschlossen werden kann.

Klickbarer Smartphone-Linkcode:

Über den folgenden Link können Sie einen anklickbaren Telefonlink erstellen. Sie können den folgenden Code kopieren, in Ihre Webseite einfügen und dann mit Ihrer Telefonnummer bearbeiten. 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>

Telefonnummern-Links können mit den Bindestrichen wie oben gezeigt oder ohne diese sowie 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 mit der "Tel: 18475555555" wie in diesem Beispiel eingerichtet ist:

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

Unten finden Sie einen anklickbaren Telefon-Hyperlink, den Sie überprüfen können. In den meisten Nicht-Telefon-Browsern wird über diesen Link der Fehler "Die Webseite kann nicht angezeigt werden" angezeigt, oder es passiert nichts.

HINWEIS: Der iPhone Safari-Browser erkennt automatisch eine Telefonnummer auf einer Seite und konvertiert den Text in einen Anruflink, ohne den Code auf dieser Seite zu verwenden.

WTAI-Smartphone-Linkcode: Der WTAI- oder "Wireless Telephony Application Interface" -Verbindungscode wird unten angezeigt. Dieser Code wird als das richtige Handyprotokoll angesehen und funktioniert auf Smartphones wie Droid. Er funktioniert jedoch möglicherweise nicht für Apple Safari auf dem iPhone und der obige Code wird empfohlen.

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

Verwenden Sie im Wesentlichen ein <a>Element mit einem hrefAttribut, das auf die vorangestellte Telefonnummer zeigt tel:. Beachten Sie, dass Pluspunkte verwendet werden können, um den Ländercode anzugeben, und Bindestriche einfach für menschliche Augen eingefügt werden können.

MDN-Webdokumente

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

Das HTML- <a>Element (oder Ankerelement) erstellt zusammen mit seinem href-Attribut einen Hyperlink zu anderen Webseiten, Dateien, Speicherorten auf derselben Seite, E-Mail-Adressen oder einer anderen URL.

[…]

Das Anbieten von Telefonlinks ist hilfreich für Benutzer, die Webdokumente und Laptops anzeigen, die mit Telefonen verbunden sind.

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

IETF-Dokumente

https://tools.ietf.org/html/rfc3966

Die telURI für Telefonnummern

Der URI "tel" hat die folgende Syntax:

telephone-uri = "tel:"Telefonteilnehmer

[…]

Beispiele

tel:+1-201-555-0123: Diese URI verweist auf eine Telefonnummer in den USA. Die Bindestriche sind enthalten, um die Nummer besser lesbar zu machen. Sie trennen Land, Vorwahl und Teilnehmernummer.

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

tel:863-1234;phone-context=+1-914-555: Der URI beschreibt eine lokale Telefonnummer, die innerhalb eines bestimmten Telefonpräfixes gültig ist.

Verwenden Sie einfach das HTML-Ankertag <a>und beginnen Sie das Attribut hrefmit tel:. Ich schlage vor, die Telefonnummer mit der Landesvorwahl zu beginnen. Beachten Sie das folgende Beispiel:

<a href="tel:+989123456789">NO Different What it is</a>

In diesem Beispiel lautet der Ländercode +98.

Hinweis : Es ist so gut für Mobiltelefone geeignet, dass ichtel:PräfixanrufeFaceTimeunter macOSkenne,aber unter Windows bin ich mir nicht sicher, aber ich denke, es hat dazu geführt, dass Skype gestartet wurde.

Weitere Informationen : Sie können die Liste der von Browsern unterstützten URL-Schemata besuchen , um alle Wertepräfixe zu kennen href.