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:

‍

<a id="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:

‍

<script>
  function scriptToInclude(id, phone) {
    // 1. Leggi i parametri URL
    const params = new URLSearchParams(window.location.search);
    const gclid = params.get('gclid');

    // 2. Genera il link WhatsApp
    const waBase = 'https://wa.me/' + phone;
    const text = 'Google Ads (gclid) ';
    const waLink = gclid ? `${waBase}?text=${encodeURIComponent(text + gclid)}` : waBase;

    // 3. Aggiorna l'href del pulsante
    const linkEl = document.getElementById(id);
    if (linkEl) {
      linkEl.href = waLink;
    }
  }

  // Chiama la funzione con i tuoi parametri
  scriptToInclude('wa-link', '123456789');
</script>

‍

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) {
  restituisci `
<script>
  (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;
  })();
</script>
  `;
}

‍

Esempio di utilizzo:

‍

document.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