WhatsApp, ein beliebter Messenger, bietet die Möglichkeit, Ihre Gedanken, Ideen und Stimmungen über Status zu teilen. Aber was ist, wenn Sie einen anklickbaren Link zu WhatsApp zu Ihrem Status hinzufügen möchten? Kein Problem! Wir haben ein Handbuch mit einfachen Anweisungen und hilfreichen Tipps vorbereitet, damit Sie Ihre Idee verwirklichen können.
Um einen Link zu WhatsApp anklickbar zu machen, müssen Sie eine Kombination aus HTML-Code und URL verwenden. Kopieren Sie zuerst die Adresse Ihres Profils in WhatsApp. Danach können Sie mithilfe des HTML-Codes einen anklickbaren Link erstellen, der Benutzer zu Ihrem WhatsApp-Profil weiterleitet.
Es ist wichtig, sich daran zu erinnern, dass Sie eine registrierte Telefonnummer in WhatsApp haben müssen, damit das Profil für andere Benutzer verfügbar ist. Nur dann ist der Link gültig und anklickbar.
Sind Sie bereit, einen anklickbaren Link zu WhatsApp in Ihrem Status zu erstellen? Folgen Sie unserer Anleitung und nutzen Sie unsere Tipps, und es wird einfacher, dies zu tun!
Entschlüsseln Sie den Web-Titel im Code
Um einen Web-Titel zu entschlüsseln, müssen Sie einen speziellen JavaScript-Code verwenden:
- Öffnen Sie den Code der Seite, auf der Sie einen Link zu einem Vatsap platzieren möchten.
- Suchen Sie nach dem Codeblock, der für den Verweis auf den Vatsap verantwortlich ist.
- Suchen Sie in diesem Block nach dem Web-Titel und kopieren Sie ihn, um ihn später zu verwenden.
- Öffnen Sie die JavaScript-Konsole Ihres Browsers.
- Fügen Sie den kopierten Web-Title-Wert in die Konsole ein und drücken Sie die Eingabetaste.
- Als Ergebnis erhalten Sie einen entschlüsselten Web-Titel, der im HTML-Markup verwendet werden kann.
Nachdem Sie den Web-Titel entschlüsselt haben, können Sie ihn verwenden, um einen anklickbaren Link zu einem Vatsap im Status zu erstellen, indem Sie die entsprechenden Anweisungen befolgen.
Ändern Sie den Dokumenttyp und -titel
Bevor Sie mit dem Erstellen eines anklickbaren Links zu WhatsApp im Status beginnen, müssen Sie sicherstellen, dass der Dokumenttyp und der Titel korrekt konfiguriert sind. Dadurch können Browser und Suchmaschinen Ihre Seite korrekt anzeigen.
Stellen Sie zunächst sicher, dass Sie die DTD (Document Type Definition) verwenden, um den Dokumenttyp anzugeben. Die gebräuchlichsten Dokumenttypen sind HTML5:
Sie müssen auch den Titel des Dokuments angeben, der auf der Registerkarte des Browsers oder in den Suchergebnissen angezeigt wird. Verwenden Sie dazu ein Tag :
Wie mache ich einen anklickbaren Link zu WhatsApp im Status
Beachten Sie, dass der Titel des Dokuments kurz, aber informativ sein sollte. Es sollte den Inhalt Ihres Artikels genau widerspiegeln.
Stellen Sie sicher, dass der Dokumenttyp und der Titel korrekt eingestellt sind, bevor Sie mit dem Erstellen eines Links zu WhatsApp im Status fortfahren.
Fügen Sie die erforderlichen Skripte hinzu
Um einen Link zu WhatsApp im Status zu erstellen, müssen Sie Ihrer Seite mehrere Skripte hinzufügen. Die folgenden Schritte sind erforderlich:
- Verbinden Sie die jQuery-Bibliothek mit Ihrem Projekt. Sie können es von der offiziellen jQuery-Website herunterladen oder das CDN (Content Delivery Network) zum Herunterladen verwenden.
- Stellen Sie sicher, dass Sie die Datei mit dem WhatsApp API-Skript an Ihre Seite angehängt haben. Sie können es von der offiziellen WhatsApp-Website herunterladen.
- Fügen Sie den Initialisierungscode der WhatsApp API hinzu, mit dem Sie einen anklickbaren Link zu WhatsApp erstellen können. Dieser Code sieht normalerweise folgendermaßen aus:
Im obigen Code verwenden wir das "click" -Ereignis für ein Element mit der ID "whatsapp-link". Wenn ein Benutzer auf dieses Element klickt, erstellen wir einen Link zu WhatsApp, indem wir die Telefonnummer und den Standardnachrichtentext darin ersetzen. Dann öffnen wir diesen Link in einem neuen Fenster mit der Funktion "window.open()".
Wenn Sie einen Link zu WhatsApp im Status hinzufügen möchten, erstellen Sie einfach einen Artikel mit der ID "whatsapp-link" und wickeln ihn in das Tag "a" ein. Zum Beispiel:
Ersetzen Sie "Hier klicken, um über WhatsApp Kontakt aufzunehmen" durch einen beliebigen Text, den Sie in Ihrem Status verwenden möchten. Wenn der Benutzer danach auf diesen Link klickt, öffnet sich ein WhatsApp-Fenster mit den vorgefüllten Daten, die Sie im Initialisierungscode angegeben haben.
Erstellen Sie eine Schaltfläche zum Öffnen von WhatsApp
Um eine anklickbare WhatsApp-Schaltfläche zu erstellen, benötigen Sie den HTML-Code und den Link, den Sie in der App öffnen möchten.
- Erstellen Sie ein Element mit dem href-Attribut und legen Sie den Verweiswert auf https://api.whatsapp.com/send?phone=ваш_номер_телефона . Ersetzen Sie Ihre Telefonnummer durch eine internationale Telefonnummer, z. B. 79001234567 .
- Wickeln Sie dieses Element in oder ein , um eine stilisierte Schaltfläche oder einen Block zu erstellen.
- Fügen Sie Text innerhalb der Schaltfläche mit Tags oder nur innerem Text hinzu.
Der vollständige Code könnte ungefähr so aussehen:
Nachdem Sie diesen Code auf Ihrer Website oder in Ihrem sozialen Netzwerkstatus eingefügt haben, können Benutzer auf eine Schaltfläche klicken und Ihre Telefonnummer in WhatsApp öffnen, um weiter zu kommunizieren.
Erstellen Sie einen Link und fügen Sie einen Link zu WhatsApp hinzu
Das Erstellen eines anklickbaren Links zu WhatsApp in Ihrem Status kann eine sehr nützliche Möglichkeit sein, Ihren Kontakt mit anderen Benutzern zu teilen. Um einen solchen Link zu erstellen, benötigen Sie Kenntnisse über die Grundlagen von HTML und nur ein paar einfache Schritte.
1. Öffnen Sie einen beliebigen Texteditor, z. B. Editor (Windows) oder Texteditor (Mac).
2. Geben Sie den folgenden HTML-Code ein:
Ersetzt XXX auf Ihre Telefonnummer, einschließlich der Ländervorwahl, aber ohne die Zeichen + oder 00.
3. Kopieren Sie diesen HTML-Code und fügen Sie ihn in den WhatsApp-Status ein.
4. Wenn nun jemand auf Ihren Status in WhatsApp klickt, wird er in der Lage sein, Ihnen eine Nachricht direkt über WhatsApp zu senden.
Das ist alles! Jetzt wissen Sie, wie Sie einen anklickbaren Link zu WhatsApp in Ihrem Status erstellen können. Vergessen Sie nicht, Ihren Kontakt mit Ihren Freunden und Angehörigen zu teilen, damit sie Sie immer über diesen praktischen Messenger erreichen können.
Erstellen Sie eine Funktion zum Öffnen des WhatsApp-Fensters
Um einen anklickbaren Link zu WhatsApp im Status zu erstellen, müssen Sie eine Funktion erstellen, die ein WhatsApp-Fenster mit einer vorgefüllten Nachricht öffnet. Hier ist ein Beispielcode in JavaScript:
- Erstellen Sie einen Link mit der WhatsApp-Link-Klasse und der Angabe der Telefonnummer im WhatsApp-Format:+ Telefonnummer . Zum Beispiel: WhatsApp öffnen
- Fügen Sie dem Link ein Klickereignis hinzu. Verwenden Sie die addEventListener-Methode, um einen Click-Ereignishandler hinzuzufügen. Zum Beispiel: document.querySelector('.whatsapp-link').addEventListener('click', openWhatsApp);
- Definieren Sie die openWhatsApp-Funktion, die beim Klicken auf den Link aufgerufen wird. In dieser Funktion wird ein neues Fenster mit der window-Methode geöffnet.öffnen und der URL-Parameter wird mit einem Link zu WhatsApp mit einer vorgefüllten Nachricht übergeben. Zum Beispiel: function openWhatsApp()
Wenn der Benutzer nun auf den Link klickt, öffnet sich ein WhatsApp-Fenster mit dem bereits eingegebenen Text "Hallo!". Es kann eine Nachricht senden, ohne sie erneut einzugeben.
Fügen Sie Stile für die Schaltfläche hinzu
Um eine Schaltfläche mit einem Link zu einem Vatsap im Status anklickbar und stylisch zu machen, müssen Sie CSS-Stile anwenden. Hier ist ein Beispiel, wie Sie diese Schaltfläche stylen können:
-
Legen Sie die Klasse für das Element fest , um es zum Stylen zu verwenden:
.whatsapp-button .whatsapp-button:hover
Im obigen Beispiel hat die Schaltfläche eine Klasse .whatsapp-button . Sie können diese Klasse in Ihre eigene ändern, um Ihrem Code und Design zu entsprechen.
Die Stile definieren Größe, Schriftart, Textfarbe, Hintergrundfarbe, Einzug und den Umgrenzungsradius. Wenn der Benutzer den Mauszeiger über die Schaltfläche bewegt, ändert sich die Hintergrundfarbe.
Denken Sie daran, die CSS-Stylesheet-Datei mit einem Tag an Ihre HTML-Seite anzuhängen .
Überprüfen Sie, ob der Link im Status funktioniert
Nachdem Sie den Link zum Status "Watsap" hinzugefügt haben, ist es wichtig sicherzustellen, dass er ordnungsgemäß funktioniert. Hier sind einige Schritte, um zu überprüfen, ob der Link funktioniert:
- Öffnen Sie den Watsap und wechseln Sie zu Ihrem Status.
- Klicken Sie auf den Link, den Sie zum Status hinzugefügt haben.
- Stellen Sie sicher, dass der Link fehlerfrei geöffnet wird und Sie auf die richtige Seite umgeleitet werden.
- Testen Sie alle Funktionen der verlinkten Seite. Stellen Sie sicher, dass alle Schaltflächen und Elemente ordnungsgemäß funktionieren.
- Kehren Sie zum Vatsap zurück, und stellen Sie sicher, dass der Link im Status erhalten bleibt und korrekt angezeigt wird.
Wenn der Link nicht funktioniert oder die falsche Seite geöffnet wird, müssen Sie den Status bearbeiten und den Fehler beheben. Die Überprüfung der Funktionsfähigkeit eines Links ist ein wichtiger Schritt, um sicherzustellen, dass Ihr Status anklickbar ist und Benutzer auf die gewünschte Seite führt.
