.png)
.webp)
Este guia ajudará você a adicionar um botão ao seu site que abre uma conversa no WhatsApp. Se o 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 esta integração faz
- Exibe um botão "Escrever para o WhatsApp" na sua página 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 atributo href do botão dinamicamente.
Passo 1: Adicione o botão HTML
Insira o seguinte código HTML onde você deseja que o botão do WhatsApp apareça:
<a id="wa-link" href="#" target="_blank" class="btn btn-success">Escrever para o WhatsApp
Este botão será atualizado posteriormente via JavaScript.
Passo 2: Adicione o código JavaScript
Antes do encerramento</body> Na tag, insira o seguinte script:
<script>
function scriptToInclude(id, phone) {
// 1. Ler parâmetros da URL
const params = new URLSearchParams(window.location.search);
const gclid = params.get('gclid');
// 2. Gerar link do WhatsApp
const waBase = 'https://wa.me/' + phone;
const text = 'Google Ads (gclid) ';
const waLink = gclid ? `${waBase}?text=${encodeURIComponent(text + gclid)}` : waBase;
// 3. Atualizar o href do botão
const linkEl = document.getElementById(id);
if (linkEl) {
linkEl.href = waLink;
}
}
// Chamar a função com seus parâmetros
scriptToInclude('wa-link', '123456789');
</script>
Substitua 123456789 pelo seu próprio número do WhatsApp no formato internacional, sem "+" ou espaços.
Utilizando a função Gerador de Scripts
Se você estiver inserindo botões dinamicamente ou precisar de flexibilidade em várias páginas, poderá usar esta função de modelo:
function generateWhatsAppHrefUpdateScript(id, telefone) {
return `
<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>
`;
}
Exemplo de uso:
document.write(generateWhatsAppHrefUpdateScript('wa-link', '7910000000'));
Resumo
Este método ajuda você a rastrear leads do Google Ads, enviando 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.
