Meta Description" name="description" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=320, height=480, initial-scale=1.0">
<style>
html, body {
margin: 0;
padding: 0;
width: 320px;
height: 480px;
overflow: hidden;
}
#ad-container {
position: relative;
width: 320px;
height: 480px;
overflow: hidden;
}
iframe {
border: 0;
width: 320px;
height: 480px;
display: block;
}
</style>
</head>
<body>
<div id="ad-container">
<iframe
src="https://wiplyplatform.fra1.cdn.digitaloceanspaces.com/mraid-tests/estate/soccer3d/kayzen/mini-v1/soccer3d-minimal/index.html"
frameborder="0"
scrolling="no"
allowfullscreen>
</iframe>
</div>
<script>
const CLICK_URL = "https://apps.apple.com/us/app/ea-sports-fc-soccer-mobile-26/id1094930513";
let interactionCount = 0;
let startX = 0;
let startY = 0;
function registerInteraction() {
interactionCount++;
console.log("Interaction:", interactionCount);
if (interactionCount >= 3) {
window.open(CLICK_URL, "_blank");
interactionCount = 0; // Prevent repeated redirects
}
}
const container = document.getElementById("ad-container");
// Count clicks/taps
container.addEventListener("click", registerInteraction);
// Count swipe gestures
container.addEventListener("touchstart", function(e) {
startX = e.touches[0].clientX;
startY = e.touches[0].clientY;
});
container.addEventListener("touchend", function(e) {
let endX = e.changedTouches[0].clientX;
let endY = e.changedTouches[0].clientY;
if (Math.abs(endX - startX) > 30 || Math.abs(endY - startY) > 30) {
registerInteraction();
}
});
</script>
</body>
</html>15
3
2158KB
3918KB
60.0ms
ms
854.0ms