<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ad Creative</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f4f4f4;
}
.ad-container {
position: relative;
width: 320px;
height: 50px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
cursor: pointer;
}
.ad-container img {
width: 100%;
height: 100%;
display: block;
}
</style>
<script>
function redirectToAd() {
// Base64 encoded URL (hidden link)
let encodedURL = "aHR0cHM6Ly9iZXR0ZXJhbmRoZWFsdGh5LmNvbS8/dXRtX3NvdXJjZT1tYWduaXRlJnV0bV9tZWRpdW09YmFubmVyJnV0bV9jYW1wYWlnbj1nc20zNjAtbWFnbml0ZS1iYW5uZXImdXRtX2lkPWdzbTM2MA==";
// Decode and redirect
window.location.href = atob(encodedURL);
}
function loadImage() {
// Encoded image URL
let encodedImg = "aHR0cHM6Ly9pLnBvc3RpbWcuY2MvUHJUNEZEYlcvTGl2ZS10ZXN0aW5nLU1CTC1pbWFnZS0xLnBuZw==";
// Decode and set image source dynamically
document.getElementById("adImage").src = atob(encodedImg);
}
// Load the image when the page is ready
window.onload = loadImage;
</script>
</head>
<body>
<div class="ad-container" onclick="redirectToAd()">
<img id="adImage" alt="Ad Image">
</div>
</body>
</html>
3
2
33KB
33KB
188.0ms
206.0ms
189.0ms