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
Link
im Menü „Elementstruktur“ aus und wählen Sie Zum Element gehen.Entfernen Sie http:// vor der Telefonnummer im Panel „Elementattribute“.
Fügen Sie das Attribut
role
im 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
.js
hat.