Pesquisar

Enviar webhook com dados nos parâmetros ao clicar em botão

11/09/2023 às 21:53

Descrição do Projeto:

O ChatGPT me passou o código abaixo para enviar um webhook com os dados nome e phonenumber para meu serviço de automação de Whatsapp quando o lead clicar no botão.
O código não funcionou. Preciso de alguém que saiba fazer funcionar.
Segue o código:

<script>
document.addEventListener('DOMContentLoaded', function() {
// Função para acionar o webhook
function acionarWebhook() {
// Capturar os dados dinâmicos dos parâmetros da URL atual
var url = new URL(window.location.href);
var nome = url.searchParams.get('nome');
var phonenumber = url.searchParams.get('phonenumber');

// URL do webhook no site de destino
var webhookURL = "https://exemplodewebhook.com/removiooriginalporseguranca";

// Dados que serão enviados para o webhook
var dadosParaEnviar = {
nome: nome,
phonenumber: phonenumber
};

// Configurar a solicitação HTTP
var xhr = new XMLHttpRequest();
xhr.open("POST", webhookURL, true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

// Enviar os dados para o webhook
xhr.send(JSON.stringify(dadosParaEnviar));

// Lidar com a resposta do webhook (opcional)
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var respostaDoWebhook = JSON.parse(xhr.responseText);
console.log("Resposta do webhook:", respostaDoWebhook);
// Aqui você pode tratar a resposta do webhook, se necessário
}
};
}

// Adicionar um ouvinte de evento de clique a cada botão
var botao1 = document.getElementById('botao1');
var botao2 = document.getElementById('botao2');
var botao3 = document.getElementById('botao3');
// Adicionar ouvintes de evento de clique para outros botões, se necessário
botao1.addEventListener("click", acionarWebhook);
botao2.addEventListener("click", acionarWebhook);
botao3.addEventListener("click", acionarWebhook);
});
</script>

PS: A página que contem o botão já é carregada com esses dados do lead nos parâmetros e já possuo configurado um script que leva este mesmos dados para a página de destino do botão. Agora quero adicionar esta funcionalidade.

Atividades do cliente nesse projeto:

Última visualização: 14/09/2023 às 09:40

Última interação: 12/09/2023 às 09:16

Informações adicionais

Categoria: Web, Mobile & Software
Subcategoria: Desenvolvimento Web
Orçamento: Aberto
Nível de experiência: Iniciante
Visibilidade: Público
Propostas: 7
Propostas excluídas: 6
Interessados: 8
Valor Mínimo: R$ 50,00

Cliente

Freelancer vencedor

Propostas (1)
  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

Nenhuma proposta foi encontrada.

Carregando...
Projetos semelhantes no 99Freelas

Site institucional em WordPress com conteúdo pronto - Preciso de um desenvolvedor WordPress para criar um site institucional simples, de aproximadamente 5 páginas (Home). - O projeto é cultural (Cuidadores da Memória - Encontro R...

Landing page para venda de infoproduto - Preciso de um profissional que crie uma landing page com foco em conversão para um infoproduto. A página deve ter conteúdo e layout focados em vendas, com elementos que incent...

Adequação técnica de site WordPress para campanhas internacionais - Olá! Estou procurando um desenvolvedor WordPress com experiência em Google Tag Manager, Google Analytics 4 e Google Consent Mode v2 para realizar adequações técni...

Criar site WordPress com Elementor baseado em IA - Descrição do Projeto: Candidate-se se você tem experiência comprovada com essa demanda. Envie junto à proposta sites que fez com Elementor, incluindo wireframes/ar...

Criação de site sobre transporte coletivo com AdSense aprovado - Criação de um site sobre transporte coletivo (www.transportecoletivo.com), com blog integrado para que eu possa abastecê-lo periodicamente com conteúdo. O site dever&aac...

Carregando...

Carregando...

Pesquisar

FREELANCERS
PROJETOS
Ocorreu um erro inesperado. Caso o erro persista, entre em contato conosco através do e-mail suporte@99freelas.com.br.