Hướng dẫn tạo button giả Traffic User

1412 lượt xem

Hello anh em !

Nay bận quá, nên kiếm việc gì troll cho rảnh bớt. Hôm nay mình sẽ hướng dẫn các bạn làm 1 cái button giả Traffic User để troll cho vui.

Trước hết thì việc tạo ra cái trò này cũng có vài điều thú vị như sau:

  • Đánh lừa đối thủ kiểu áp dụng kế Thanh Đông kích Tây (聲東擊西) giả vờ đang chạy traffic user nhưng thực chất là đang tập trung vào content
  • Kế Vô trung sinh hữu (無中生有) không có mà làm thành có để lừa đối thủ
  • Khi khách hàng truy cập vào (không phải ai cũng nhận ra traffic user, chỉ dân làm SEO mới biết), nên giả sử bạn để tên button là mã khuyến mãi thì họ sẽ tò mò mà click vào, tiếp đến cho đếm ngược và show cái mã (nhớ áp dụng khuyến mãi thật nhé, dù ít cũng được, chứ không khách họ đấm vỡ cái alo), lúc này cũng xem như giữ được time on page tốt.
  • Làm ra cho người vào web tò mò mà click vào rồi ngồi đợi xem nó ra cái gì
  • Làm ra để troll cho vui (giống như mình), vì “cuộc đời đó có bao lâu mà hững hờ”
  • … Và anh em làm vì cái gì nữa thì tùy, vui là được.
traffic-user
Hình ảnh cái status đợt mình viết troll trên Facebook

Rồi, bây giờ bắt đầu thôi nào anh em, để tạo ra cái button giả Traffic User

Để tạo được button và cho nó đếm ngược thì các bạn sẽ cần có 3 thành phần: JS, CSS và HTML

Xem thêm  Google đổi thay, chúng ta cũng cần thay đổi

Đoạn JS dán vào Header của website như sau:

<script>
    function startCountdown() {
      var button = document.getElementById("countdown-button");
      button.innerHTML = "30";

      var count = 30;
      var countdown = setInterval(function() {
        count--;
        button.innerHTML = count;

        if (count <= 0) {
          clearInterval(countdown);
          button.innerHTML = "CẢM ƠN BẠN";
        }
      }, 1000);
    }
  </script>

Đoạn CSS + HTML như sau:

<!DOCTYPE html>
<html>
<head>
  <style>
    .red-button {
      background-color: red;
      color: white;
      border-radius: 10px;
      padding: 10px;
      width: 200px;
    }
  </style>
</head>
<body>
  <button id="countdown-button" class="red-button" onclick="startCountdown()">Lấy mã</button>

  
</body>
</html>

Anh em có thể dán đoạn CSS và HTML vào bất kỳ dâu anh em muốn nó hiển thị Button là được

VÀ SAU ĐÂY LÀ KẾT QUẢ






Ghi chú: Mình thành lập website cá nhân này nhằm thỏa mãn đam mê viết lách, bao gồm những bài blog mình tự viết và cả những nội dung sưu tầm. Nếu bạn yêu thích hãy cùng kết nối với mình qua Zalo: 0949.339.222 hoặc Facebook: Trịnh Bảo. Cảm ơn bạn đã ghé thăm!