it-swarm.com.de

So lösen Sie einen Telefonanruf 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 immer noch nicht herausgefunden habe: Wie kann ich durch Klicken auf Text einen Anruf 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.

448
Frederic Morin

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 platzierte <img/> wie in anderen normalen Situationen verarbeiten: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

800
meme

Das richtige URL-Schema ist tel: [Nummer], das würden Sie tun

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

Der Vollständigkeit halber 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 ein Link angezeigt, der nichts bewirkt, wenn Sie darauf klicken. Daher sollten Sie in Betracht ziehen, CSS zu verwenden, um ihn nur auf Mobilgeräten bedingt sichtbar zu machen.

Außerdem sollten Sie wissen, dass Skype (das recht 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 (die ich auf Android sicher kenne) jetzt die Syntax tel ein Popup-Fenster mit verfügbaren Anwendungen bieten sollte, mit denen die aufrufende Aktion abgeschlossen werden kann.

44
Varun Vohra

Anklickbarer Smartphone-Linkcode:

Über den folgenden Link können Sie eine anklickbare Telefonverbindung herstellen. Sie können den folgenden Code kopieren und in Ihre Webseite einfügen und dann mit Ihrer Telefonnummer bearbeiten. Dieser Code funktioniert möglicherweise nicht auf allen Handys, aber für iPhone, Droid/Android und Blackberry.

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

Telefonnummernverknüpfungen können mit den Bindestrichen (siehe oben) oder ohne Bindestriche (siehe folgendes 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 "tel: 18475555555" wie im folgenden 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 auschecken können. In den meisten Browsern ohne Telefon 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 wandelt den Text in eine Anrufverknüpfung um, ohne den Code auf dieser Seite zu verwenden.

Wtai-Smartphone-Link-Code: Der Link-Code für wtai oder "Wireless Telephony Application Interface" wird unten angezeigt. Dieser Code wird als das richtige Mobiltelefonprotokoll 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> 
19
Gaurang P

Verwenden Sie im Wesentlichen ein <a> -Element mit einem href -Attr, das auf die Telefonnummer zeigt, der tel: vorangestellt ist. Beachten Sie, dass zur Angabe des Ländercodes Pluszeichen verwendet werden können und Bindestriche nur für das menschliche Auge eingefügt werden können.

MDN Web Docs

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 und Speicherorten innerhalb die gleiche Seite, E-Mail-Adressen oder eine andere URL.

[…]

Das Anbieten von Telefonlinks ist hilfreich, wenn Benutzer mit Telefonen verbundene Webdokumente und Laptops anzeigen.

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

IETF-Dokumente

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

Die tel URI für Telefonnummern

Der "tel" -URI hat die folgende Syntax:

telephone-uri = "tel:" Telefonteilnehmer

[…]

Beispiele

tel:+1-201-555-0123: Dieser URI verweist auf eine Telefonnummer in den USA. Die Bindestriche dienen dazu, die Zahl 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 einer bestimmten Telefonvorwahl gültig ist.

2
jtheletter