So fügen Sie Ihrer Website einen WhatsApp-Button mit GCLID-Tracking hinzu

Diese Anleitung hilft Ihnen, Ihrer Website einen Button hinzuzufügen, der einen WhatsApp-Chat öffnet. Wenn in der URL ein gclid-Parameter (aus Google Ads) vorhanden ist, wird dieser in den Nachrichtentext eingefügt – nützlich für die Verfolgung von Leads aus Werbekampagnen.

‍

‍Was diese Integration bewirkt

• Zeigt auf Ihrer Webseite eine Schaltfläche „An WhatsApp schreiben“ an.
  
  
• Liest den gclid-Parameter aus der URL (falls vorhanden).
  
  
• Generiert einen WhatsApp-Link, der den gclid-Wert im Nachrichtentext enthält.
  
  
• Aktualisiert den HREF der Schaltfläche dynamisch.
  
  

Schritt 1: Fügen Sie die HTML-Schaltfläche hinzu

Platzieren Sie den folgenden HTML-Code dort, wo die WhatsApp-Schaltfläche erscheinen soll:

‍

 "wa-link" href= "#" target= "_blank"  class = "btn btn-success" >Schreiben Sie an WhatsApp

‍

Diese Schaltfläche wird später über JavaScript aktualisiert.

‍

Schritt 2: Fügen Sie den JavaScript-Code hinzu

Vor der Schließung</body> Tag, fügen Sie das folgende Skript ein:

‍

function  scriptToInclude(id, phone) {     // 1. Read URL parameters 
    const params = new URLSearchParams(window.location.search);     const gclid = params.get('gclid'); 
    // 2. Generate WhatsApp link 
    const waBase = 'https://wa.me/' + phone;     const text = 'Google Ads (gclid) ';     const waLink = gclid ? `${waBase}?text=${encodeURIComponent(text + gclid)}` : waBase; 
    // 3. Update the button href 
    const linkEl = document.getElementById(id);     if (linkEl) {  linkEl.href = waLink;  }  } 
  // Call the function with your parameters 
 scriptToInclude('wa-link', '123456789');  

‍

Ersetzen Sie 123456789 durch Ihre eigene WhatsApp-Nummer im internationalen Format ohne „+“ oder Leerzeichen .

‍

Verwenden der Skriptgeneratorfunktion

Wenn Sie Schaltflächen dynamisch einfügen oder Flexibilität über mehrere Seiten hinweg benötigen, können Sie diese Vorlagenfunktion verwenden:

‍

Funktion  generateWhatsAppHrefUpdateScript ( ID, Telefon ) {   return  ` (function() {  const params = new URLSearchParams(window.location.search);  const gclid = params.get('gclid');  const waBase = 'https://wa.me/' + '${phone}';  const text = 'Google Ads (gclid) ';  const waLink = gclid ? waBase + '?text=' + encodeURIComponent(text + gclid) : waBase;  const linkEl = document.getElementById('${id}');  if (linkEl) linkEl.href = waLink;  })(); ` ; }

‍

Anwendungsbeispiel:

‍

Dokument .write(generateWhatsAppHrefUpdateScript( 'wa-link' , '7910000000' ));

‍

Zusammenfassung

Mit dieser Methode können Sie Leads aus Google Ads verfolgen, indem Sie den gclid-Wert in die WhatsApp-Nachricht einfügen. Sie können dieses Setup auf jeder Website verwenden, die das Einfügen von benutzerdefiniertem JavaScript erlaubt.