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

Ajuste e otimização de split de pagamento em plataforma Laravel - Estamos buscando um desenvolvedor experiente para ajustar e otimizar a funcionalidade de split de pagamento em nossa plataforma web existente, desenvolvida em Laravel. O projeto envolve a revis&ati...

API em Python para gerar link de afiliado do Mercado Livre - Preciso de um desenvolvedor para criar uma API que receba o link de um produto do Mercado Livre e retorne automaticamente o link de afiliado. Atualmente, meu sistema já consegue capturar pr...

Criação de site institucional e otimização de SEO - Olá, estamos buscando um profissional especializado em criação de site e otimização de SEO Escopo do projeto - Criação de um site institucional co...

Criação de site institucional - Prezados, tudo bem? Preciso criar o site institucional da minha empresa de vinhos. Muito obrigado!

Ajustes WordPress: tradução, widget Loft e integração de leads - Olá, busco um desenvolvedor com experiência em WordPress e integrações de API para realizar as seguintes implementações em meu site: 1. Traduç&atild...

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.