.png)
.webp)
Este guia ajudará você a adicionar um botão ao seu site que abre um chat do WhatsApp. Se um parâmetro gclid estiver presente na URL (do Google Ads), ele será incluído no texto da mensagem — útil para rastrear leads de campanhas publicitárias.
O que essa integração faz
- Exibe um botão “Escrever no WhatsApp” na sua página da web.
- Lê o parâmetro gclid da URL (se presente).
- Gera um link do WhatsApp incluindo o valor gclid no texto da mensagem.
- Atualiza o href do botão dinamicamente.
Etapa 1: adicione o botão HTML
Coloque o seguinte código HTML onde você deseja que o botão do WhatsApp apareça:
"wa-link" href= "#" target= "_blank" class = "btn btn-success" >Escrever para o WhatsApp
Este botão será atualizado posteriormente via JavaScript.
Etapa 2: adicione o código JavaScript
Antes do fechamento</body> tag, insira o seguinte 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');
Substitua 123456789 pelo seu próprio número do WhatsApp em formato internacional, sem "+" ou espaços .
Usando a função Gerador de Script
Se você estiver inserindo botões dinamicamente ou precisar de flexibilidade em várias páginas, você pode usar esta função de modelo:
função generateWhatsAppHrefUpdateScript ( id, telefone ) { 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; })(); ` ; }
Exemplo de uso:
documento .write(generateWhatsAppHrefUpdateScript( 'wa-link' , '7910000000' ));
Resumo
Este método ajuda a rastrear leads do Google Ads passando o valor gclid para a mensagem do WhatsApp. Você pode usar essa configuração em qualquer site que permita a inserção de JavaScript personalizado.
