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

Desenvolvimento de solução e automação para plataforma de anúncios - Temos um portal nacional de anúncios para negócios locais. Buscamos um profissional de TI para desenvolver e implementar uma solução tecnológica focada na aquisi&...

Criação de landing page para infoproduto - Estou procurando um profissional experiente para desenvolver uma landing page (página de vendas) de alta conversão para um infoproduto. O objetivo é criar uma página mo...

Geração automática de proposta Olist Tiny e dashboard de acompanhamento - Olá, Thiago. Preciso, nessa etapa, de: - Geração automática de proposta comercial no Olist Tiny. Nessa etapa, irei incluir no CRM os dados da empresa (que podem estar e...

Recriação de CRM para atendimento via WhatsApp - Olá, tudo bem? Estou procurando um desenvolvedor que consiga recriar um sistema de atendimento via WhatsApp (CRM) semelhante ao Mecliq, que eu utilizava na minha loja. Tenho acesso visual ...

Desenvolvimento back-end/fullstack (Node.js/Firebase) para MVP de fintech - Procuramos um desenvolvedor Full Stack Sênior especializado em Node.js e Firebase para o desenvolvimento do MVP de uma plataforma inovadora de crédito descentralizado, permutas multila...

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.