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