Link zu Telefonnummer hinzufügen
Sie können einen externen Link verwenden, um den Benutzer zu einer Telefon-App weiterzuleiten, in die die Nummer automatisch eingegeben wird. Dies geschieht in zwei Schritten:
-
Skript hinzufügen zu Telefonnummer weiterleiten
Wichtig
Wenn das HTML5-Layout bereits eine benutzerdefinierte JavaScript-Datei verwendet, sollten Sie Ihre Änderungen zu dieser Datei hinzufügen, anstatt eine neue zu erstellen.
Wenn Sie eine neue JavaScript-Datei hochladen, wird die vorhandene ersetzt und Sie verlieren die Funktionalität der alten JavaScript-Datei.
Telefonnummer als Link hinzufügen
Ein Telefonnummern-Link ist ein externer Link, dessen Attribut role auf tel gesetzt wird. Um es an eine Telefon-App weiterzuleiten, benötigen Sie ein Skript zum Abrufen, siehe Telefonnummer weiterleiten.
So fügen Sie einen Telefonnummern-Link zu einem Topic hinzu:
-
Wählen Sie das Topic oder die Komponente im Content Manager aus, um es/sie im Editor zu öffnen.
Alternativ können Sie Topics erstellen und dieses bearbeiten.
-
Positionieren Sie den Cursor dort, wo der Link eingefügt werden soll.
Tipp
Alternativ können Sie Text markieren, der als Linkbezeichnung fungieren soll.
-
Wählen Sie die Registerkarte Einfügen im Symbolleiste.
-
Wählen Sie Link und dann Externer Link.
-
Fügen Sie eine Linkbeschriftung hinzu und verwenden Sie die Telefonnummer als Link-Ziel.
-
Wählen Sie Einfügen aus.
-
Wählen Sie den
Linkim Menü „Elementstruktur“ aus und wählen Sie Zum Element gehen.
-
Entfernen Sie http:// vor der Telefonnummer im Panel „Elementattribute“.
-
Fügen Sie das Attribut
roleim Panel „Elementattribute“ hinzu und setzen Sie seinen Wert auftel.
-
Drücken Sie Speichern.
Telefonnummer weiterleiten
So fügen Sie ein Skript hinzu, das den Benutzer zu einer Telefon-App mit der automatisch eingegebenen Nummer weiterleitet:
-
Verwenden Sie zum Erstellen (oder Aktualisieren) der JavaScript-Datei einen Text- oder Code-Editor.
-
Fügen Sie das folgende Skript hinzu:
$(document).ready(function () { for (const phoneLink of document.getElementsByClassName("link tel")) { phoneLink.href = `tel:${phoneLink.getAttribute('href')}` } }); -
Speichern Sie Ihre JavaScript-Datei und stellen Sie sicher, dass sie die Dateierweiterung
.jshat.