Meta Description" name="description" />
code
Html
<!DOCTYPE html>
<html>
<head>
<title>Testing Buat Kaden</title>
<style>
  body { margin: 0; overflow: hidden; font-family: Arial, sans-serif; }
  #ad-container {
    width: 300px; /* Contoh lebar iklan */
    height: 250px; /* Contoh tinggi iklan */
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #ad-image {
    max-width: 90%;
    max-height: 70%;
    margin-bottom: 10px;
  }
  #ad-text {
    font-size: 16px;
    color: #333;
    padding: 0 10px;
  }
  #click-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0); /* Transparan */
  }
</style>
</head>
<body>
<div id="ad-container">
  <img id="ad-image" src="https://via.placeholder.com/150" alt="Ad Image">
  <div id="ad-text">Dapatkan promo menarik sekarang!</div>
  <a id="click-overlay" href="http://tokopedia.com/starstreamer" target="_blank"></a>
</div>
<script>
  // Opsional: Tracking klik bisa ditambahkan di sini
  document.getElementById('click-overlay').addEventListener('click', function() {
    console.log('Ad clicked!');
    // Di sini bisa ditambahkan kode untuk melacak klik,
    // misalnya mengirim data ke server analitik.
  });
</script>
</body>
</html>2
2
2KB
2KB
98.0ms
116.0ms
99.0ms