window.onload = function() {
// Crear el nuevo elemento div
var nuevoDiv = document.createElement("div");
// Añadir contenido HTML al div
nuevoDiv.innerHTML = '
';
// Añadir un id al div
nuevoDiv.id = "chatGoleads";
// Obtener una referencia al elemento del cuerpo (body)
var body = document.body;
// Añadir el nuevo div al final del cuerpo
body.appendChild(nuevoDiv);
// Mostrar las opciones
var goleadsBan = 0;
document.getElementById("open-chat-goleads-options").addEventListener("click", function(){
if(goleadsBan){
if (esDispositivoMovil()) {
}else{
}
document.getElementById("open-chat-goleads").style.right = "10px";
goleadsBan = 0;
document.getElementById("img-options-goleads").src = "https://chatbot.goleads.ec/img/chat/chat-1.png";
document.getElementById("img-options-goleads").style.width = "100%";
}else{
document.getElementById("open-chat-goleads").style.right = "74px";
goleadsBan = 1;
document.getElementById("img-options-goleads").src = "https://chatbot.goleads.ec/img/chat/close-icon.svg";
document.getElementById("img-options-goleads").style.width = "60%";
document.getElementById("img-options-goleads").style.outlineOffset = "-3px";
}
});
// Mostrar el chat
document.getElementById("open-chat-goleads").addEventListener("click", function(){
document.getElementById("open-chat-goleads").style.display = "none";
document.getElementById("iframe-chat-goleads").style.display = "block";
});
// Cerrar el chat
document.getElementById("close-iframe-goleads").addEventListener("click", function(){
document.getElementById("iframe-chat-goleads").style.display = "none";
document.getElementById("open-chat-goleads").style.display = "block";
});
function setCookie(cname, cvalue, exdays) {
const d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
let expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
let name = cname + "=";
let ca = document.cookie.split(";");
for(let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == " ") {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
if(getCookie("originWeb")==""){
if(document.referrer==""){
setCookie("originWeb", "pagina web", 1);
}else{
setCookie("originWeb", document.referrer, 1);
}
}
// Seleccione el iframe por su id
var iframe = document.getElementById("iframe-goleads");
// Cambia la URL del iframe
iframe.src = "https://chatbot.goleads.ec/chat/65a6ad466ac41716?origin="+encodeURIComponent(getCookie("originWeb"));
if (esDispositivoMovil()) {
// Mostrar el chat desde movil
document.getElementById("open-chat-goleads").addEventListener("click", function(){
document.getElementById("div-chat-goleads").style.bottom = "0";
document.getElementById("div-chat-goleads").style.left = "0";
document.getElementById("div-chat-goleads").style.right = "0";
});
document.getElementById("close-iframe-goleads").addEventListener("click", function(){
document.getElementById("div-chat-goleads").style.right = "20px";
});
document.getElementById("div-chat-goleads").style.bottom = "0";
document.getElementById("open-chat-goleads").style.bottom = "10px";
document.getElementById("open-chat-goleads-options").style.bottom = "10px";
document.getElementById("open-chat-whatsapp").style.bottom = "10px";
}else{
setTimeout(function(){
document.getElementById("open-chat-goleads").style.display = "none";
document.getElementById("iframe-chat-goleads").style.display = "block";
}, 5*1000);
}
// Movimiento del botón
document.getElementById("img-chat-goleads").style.outline = "2px solid #068481";
const imgChatGoleads = document.getElementById("img-chat-goleads");
var imgSize = '6px';
let intervalId;
// Función para cambiar el estilo del botón
function cambiarEstilo() {
if(!goleadsBan){
imgChatGoleads.style.outlineOffset = imgSize;
imgSize = imgSize=='6px' ? '0px' : '6px';
}
}
// Iniciar el cambio de estilo cada 1000 milisegundos (1 segundo)
intervalId = setInterval(cambiarEstilo, 3000);
// Detener el cambio de estilo después de 5 segundos
setTimeout(() => {
//clearInterval(intervalId);
//setInterval(cambiarEstilo, 1000);
}, 3000);
// Función para detectar si se está ejecutando en un dispositivo móvil
function esDispositivoMovil() {
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}
}