Come aggiungere un pulsante WhatsApp con tracciamento GCLID al tuo sito web

22.8.2025

Questa guida ti aiuterà ad aggiungere un pulsante al tuo sito web che apre una chat di WhatsApp. Se nell'URL è presente un parametro gclid (da Google Ads), verrà incluso nel testo del messaggio: utile per monitorare i lead delle campagne pubblicitarie.

‍

‍Cosa fa questa integrazione

Visualizza un pulsante "Scrivi su WhatsApp" sulla tua pagina web.
Legge il parametro gclid dall'URL (se presente).
Genera un collegamento WhatsApp che include il valore gclid nel testo del messaggio.
Aggiorna dinamicamente l'href del pulsante.

Passaggio 1: aggiungere il pulsante HTML

Inserisci il seguente codice HTML nel punto in cui vuoi che appaia il pulsante WhatsApp:

‍

 "wa-link" href= "#" target= "_blank"  class = "btn btn-success" >Scrivi su WhatsApp

‍

Questo pulsante verrà aggiornato in seguito tramite JavaScript.

‍

Passaggio 2: aggiungere il codice JavaScript

Prima della chiusura</body> tag, inserisci il seguente script:

‍

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');

‍

Sostituisci 123456789 con il tuo numero WhatsApp in formato internazionale senza "+" o spazi .

‍

Utilizzo della funzione Generatore di script

Se si inseriscono pulsanti in modo dinamico o si necessita di flessibilità su più pagine, è possibile utilizzare questa funzione modello:

‍

funzione  generateWhatsAppHrefUpdateScript ( id, telefono ) {   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;  })(); ` ; }

‍

Esempio di utilizzo:

‍

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

‍

Riepilogo

Questo metodo ti aiuta a monitorare i lead provenienti da Google Ads passando il valore gclid nel messaggio WhatsApp. Puoi utilizzare questa configurazione su qualsiasi sito che consenta l'inserimento di codice JavaScript personalizzato.

Leggi altre notizie