<h1>Hãy nhấn thử nút Zalo trên máy tính và điện thoại xem hoạt động không nhé, nếu không hoạt động thì báo lại cho mình fix</h1>

<span id="thongbaozalo" style="display:none">Bạn chưa cài đặt Zalo</span>
<button title="Zalo" id="nutzalo">ZALO</button>

<style>
#nutzalo {
    border: none;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background: #0065f7;
    color: #fff;
    font-weight: bold;
    position: fixed;
    display: grid;
    align-items: center;
    text-align: center;
    font-size: 12px;
    padding: 0px;
    bottom: 10px;
    left: 10px;
    animation: zalo 1000ms infinite;
	z-index:999999999;
}
#nutzalo:hover{
	opacity:0.6;
}
@keyframes zalo {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  33.3333% {
    transform: translate3d(0, 0, 0) scale(0.9);
  }
  66.6666% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  0% { box-shadow: 0 0 0 0px #0065f7,0 0 0 0px #0065f7;}
  50% { transform: scale(0.8); }
  100% { box-shadow: 0 0 0 15px rgba(0,210,255,0),0 0 0 30px rgba(0,210,255,0); }
}
#thongbaozalo {
    border-radius: 7px;
    background: #999999;
    color: #fff;
    font-weight: bold;
    bottom: 80px;
    left: 10px;
    position: fixed;
    padding: 7px 20px;
	z-index:999999999;
}
</style>

<script>
function isMobileDevice() {
  return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
}
var link = document.getElementById('nutzalo');
var timeout;
link.addEventListener('click', function(e) {
  window.clearTimeout(timeout);
  if (isMobileDevice()) {
    var zaloLink;
    if (navigator.userAgent.includes('Android')) {
      zaloLink = 'https://zaloapp.com/qr/p/1riodiamu9r6v';
    } else {
      zaloLink = 'zalo://qr/p/1riodiamu9r6v';
    }
	window.open(zaloLink, '_blank');
  } else {
    var zaloScheme = 'zalo://conversation?phone=0369355369';
    window.location.href = zaloScheme;
    timeout = window.setTimeout(function() {
      document.getElementById("thongbaozalo").style.display = "block";
	  window.location.href = 'https://chat.zalo.me/?phone=0369355369';
    }, 1000);
  }
  e.preventDefault();
});
window.addEventListener('blur', function() {
  window.clearTimeout(timeout);
});
</script>

<h1>Hãy nhấn thử nút Zalo trên máy tính và điện thoại xem hoạt động không nhé, nếu không hoạt động thì báo lại cho mình fix</h1>

<span id="thongbaozalo" style="display:none">Bạn chưa cài đặt Zalo</span>
<button title="Zalo" id="nutzalo">ZALO</button>

<style>
#nutzalo {
    border: none;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background: #0065f7;
    color: #fff;
    font-weight: bold;
    position: fixed;
    display: grid;
    align-items: center;
    text-align: center;
    font-size: 12px;
    padding: 0px;
    bottom: 10px;
    left: 10px;
    animation: zalo 1000ms infinite;
	z-index:999999999;
}
#nutzalo:hover{
	opacity:0.6;
}
@keyframes zalo {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  33.3333% {
    transform: translate3d(0, 0, 0) scale(0.9);
  }
  66.6666% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  0% { box-shadow: 0 0 0 0px #0065f7,0 0 0 0px #0065f7;}
  50% { transform: scale(0.8); }
  100% { box-shadow: 0 0 0 15px rgba(0,210,255,0),0 0 0 30px rgba(0,210,255,0); }
}
#thongbaozalo {
    border-radius: 7px;
    background: #999999;
    color: #fff;
    font-weight: bold;
    bottom: 80px;
    left: 10px;
    position: fixed;
    padding: 7px 20px;
	z-index:999999999;
}
</style>

<script>
function isMobileDevice() {
  return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
}
var link = document.getElementById('nutzalo');
var timeout;
link.addEventListener('click', function(e) {
  window.clearTimeout(timeout);
  if (isMobileDevice()) {
    var zaloLink;
    if (navigator.userAgent.includes('Android')) {
      zaloLink = 'https://zaloapp.com/qr/p/1riodiamu9r6v';
    } else {
      zaloLink = 'zalo://qr/p/1riodiamu9r6v';
    }
	window.open(zaloLink, '_blank');
  } else {
    var zaloScheme = 'zalo://conversation?phone=0369355369';
    window.location.href = zaloScheme;
    timeout = window.setTimeout(function() {
      document.getElementById("thongbaozalo").style.display = "block";
	  window.location.href = 'https://chat.zalo.me/?phone=0369355369';
    }, 1000);
  }
  e.preventDefault();
});
window.addEventListener('blur', function() {
  window.clearTimeout(timeout);
});
</script>

Mã nhúng & chia sẻ

Code nhấn nút button để mở Zalo trên điện thoại hoặc máy tính kiểm tra PC đã cài chưa?