So erstellen Sie einen Click-to-Call-Link mit HTML und in WordPress

Veröffentlicht in: Articles | 0

Ich wusste nie, dass dies ein Problem war, als ich mein Android-Telefon hatte, da die meisten Telefonnummern standardmäßig anklickbar waren. Aber als ich auf ein iPhone umstellte, wurde mir klar, dass viele Websites keinen Link zum Aufrufen eines Klicks hatten! Das bedeutete, dass ich anfangen musste, Telefonnummern zu kopieren und einzufügen, und den kleinen Auswahlbereich über der Telefonnummer genau richtig anpasste, um es zu bekommen. Das ist keine gute Lösung.

So erstellen Sie eine anklickbare Telefonnummer mit HTML

1., Beginnen Sie mit einem standard-link-tag:

1
<a href=""></a>

2. Geben Sie Ihre Telefonnummer ohne Bindestriche in die Anführungszeichen:

1
<a href="5554280940"></a>

3. Fügen Sie nun den wichtigen Teil tel: zum Anfang der Zahl hinzu:

1
<a href="tel:5554280940"></a>

4. Dann beenden Sie es mit etwas Text für den Link

Hier ist, was Sie sehen sollten: Rufen Sie uns an 555-428-0940 Klicken Sie auf den Link, um sicherzustellen, dass es funktioniert. Wenn der Anruf durchgeht, bist du fertig.,

Häufige HTML – Linkfehler für Telefonnummern

  • Verwenden von Bindestrichen, was bei weitem der häufigste Fehler ist. Die Nummer funktioniert nicht immer auf jedem Gerät
  • Vergessen, einen Doppelpunkt nach „tel“zu platzieren
  • Vergessen von Anführungszeichen im HTML

Wie kann eine Telefonnummer in WordPress anklickbar gemacht werden

Komfortabler mit dem Visual tab / WYSIWYG / TinyMCE Editor? So fügen Sie Telefonlinks in WordPress hinzu:

  1. Bearbeiten Sie Ihre Seite oder Ihren Beitrag in WordPress.
  2. Stellen Sie sicher, dass Sie sich auf der Registerkarte „Visuell“ befinden-nicht auf der Registerkarte „Text“.,
  3. Markieren Sie die Telefonnummer oder den Text, den Sie auf Telefonen anklickbar machen möchten.
  4. Klicken Sie auf die Schaltfläche „Hyperlink“.
  5. Geben Sie tel: gefolgt von Ihrer Telefonnummer ohne Bindestriche.
  6. Wenden Sie den Link an.
  7. Aktualisieren / veröffentlichen Sie Ihre Seite oder Ihren Beitrag.

Das war ‚ s. Du bist fertig.

Hinzufügen von Google Analytics-Ereignisverfolgung zu HTML-Telefonnummern

Hier ist eine einfache Lösung zur Anrufverfolgung: Kombinieren Sie die obigen Schritte mit Google Analytics, um Klickereignisse zu verfolgen.

Beispiel Klicken, um den Link mit Google Analytics Event Tracking aufzurufen:

  • Kopieren Sie diesen Linkcode und fügen Sie ihn ein.,
  • Tauschen Sie die Telefonnummer und den Text aus.
  • Überprüfen Sie Google Analytics unter Verhalten – > Ereignisse – > Übersicht oder Top-Ereignisse.

So sehen diese Klicks in Google Analytics aus:

Wenn Sie WordPress verwenden, treten möglicherweise Probleme mit Google Analytics und Event-Tracking auf. Ich empfehle die Verwendung von Google Tag Manager für alle Tags in WordPress. Sie müssen einige HTML-Kenntnisse haben, aber es vereinfacht alles.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.