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

Criar página de divulgação para curso em site - Preciso criar um site para hospedar meus produtos, como e-books, técnicas guiadas e o curso. O curso é o meu foco neste momento. Preciso que o site contenha uma página estrat&...

Integração dos Correios em marketplace WordPress/WooCommerce/Dokan - Estou desenvolvendo um marketplace utilizando WordPress, WooCommerce e Dokan Pro e procuro um profissional com experiência comprovada em marketplaces para implementar a integraçã...

Landing page em WordPress (Elementor) para reboque 24h - Olá! Procuro um programador/designer para criar uma landing page de alta conversão para meu serviço de reboque 24h, focada em campanhas de Google Ads. Já tenho dom&iacu...

Site institucional para empresa de engenharia e reformas - Desenvolvimento de site institucional - IMOB Engenharia Buscamos profissional ou agência para desenvolver um site institucional moderno, responsivo e com foco em geração de lea...

Destravar permissão de escrita na API de Product Ads do Mercado Livre - Tenho uma integração própria (app privado) que gerencia as minhas campanhas de Product Ads (Mercado Ads) via API, nas minhas duas contas de vendedor do Mercado Livre. A leitur...

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.