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 para empresa de investimentos imobiliários - Olá, estou buscando um profissional para desenvolver um pequeno site institucional de uma empresa que estou iniciando de investimentos imobiliários. Eu já tenho os wireframes ...

Configurar loja de moda feminina na Yampi - Fazer todas as configurações necessárias para uma loja de roupas de moda feminina voltada para revendedoras de grandes polos de roupas, por exemplo: Brás, São Pau...

Configuração de loja na Yampi para revendedoras do Brás - Fazer todas as configurações necessárias para uma loja de moda feminina voltada a revendedoras de grandes polos de roupas, ex.: Brás (São Paulo). Preferênc...

Desenvolvedor Python para MVP educacional - Estamos procurando um desenvolvedor Python para um MVP educacional, com experiência em backend e processamento de áudio, capaz de trabalhar de forma iterativa, com entregas semanais e ...

Full stack para marketplace de reservas de embarcações - Olá! Meu nome é Cláudio, sou de Ubatuba e sou o criador do Canoe, um marketplace de reservas de embarcações e passeios náuticos, já construíd...

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.