Enviar webhook com dados nos parâmetros ao clicar em botão
11/09/2023 às 21:53Descrição do Projeto:
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: | 1 |
| Interessados: | 8 |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Conectar e-commerce as plataformas Droplinkfy e Shopify - Olá, preciso fazer a conexão da Loja da Droplinkfy a Shopify. Configurar os meios de pagamento, tudo no formato gratuito. A loja Droplinkfy já fornece 30 produtos e uma vers&at...
Resolver problemas com alguns erros em um site criado em Wordpress - Nos temos site criado na WordPress valesincriveis.com.br temos algumas problemas. preciso resolver Atenção: Aceitamos apenas resultados de trabalho concluídos corretamente. A ...
Implementar funcionalidade em site existente - Preciso que seja implementada uma funcionalidade em um site já existente, onde um deve abrir um terminal que internamente abre uma sessão telnet entre o servidor Apache e um IP interno.
Blog com Google Adsense aprovado - Preciso de alguém para fazer um blog com artigos do Chat GPT e com Adsense aprovado. Quando o Google Adsense aprovar o blog, o trabalho será categorizado como concluído. Faze...
Integração GTM, GA4 e Tag do Google Ads - Loja Integrada/Datalayer - Oi! Preciso que seja realizada a integração do GTM (web) com o Google Analytics 4, trazendo id, descrição, valor e todas as infos necessárias para identifica&cced...
