.webp)
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.
