Micro Link Cloaker
Amankan link affiliate / CPA dari pemblokiran.
Fungsi Cloaker: Menyembunyikan referer asli browser agar tidak terdeteksi oleh platform sosial media, meminimalisir risiko banned tautan secara langsung di Threads atau Reels bio.
Option 1: Static HTML File (Blogger/R2)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Redirecting safely...</title>
<!-- Anti-bot/cloaker redirection header -->
<meta name="referrer" content="no-referrer">
<meta http-equiv="refresh" content="0;url=https://shope.ee/example-affiliate">
<style>
body {
background-color: #0b0b0f;
color: #a1a1aa;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
.container { text-align: center; padding: 20px; }
.spinner {
border: 3px solid rgba(255,255,255,.05);
border-top: 3px solid #6366f1;
border-radius: 50%;
width: 32px;
height: 32px;
animation: spin 1s linear infinite;
margin: 0 auto 16px;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
</style>
</head>
<body>
<div class="container">
<div class="spinner"></div>
<p>Redirecting safely...</p>
<noscript>If you are not redirected, <a href="https://shope.ee/example-affiliate">click here</a>.</noscript>
</div>
</body>
</html>Option 2: Cloudflare Workers Script
// Cloudflare Workers Link Cloaker & UTM Router
addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
const url = new URL(request.url)
const target = "https://shope.ee/example-affiliate"
// Custom tracking / UTM params
const targetUrlObj = new URL(target)
targetUrlObj.searchParams.set('utm_source', 'cloaker')
targetUrlObj.searchParams.set('utm_medium', 'workers')
targetUrlObj.searchParams.set('utm_campaign', url.pathname.replace('/', '') || 'direct')
// Redirection header with no-referrer for privacy/bypass
return new Response(null, {
status: 302,
headers: {
'Location': targetUrlObj.toString(),
'Referrer-Policy': 'no-referrer',
'Cache-Control': 'no-store'
}
})
}Option 3: Next.js Redirects Config
// inside next.config.js / next.config.ts
const nextConfig = {
async redirects() {
return [
{
source: '/go/:slug',
destination: 'https://shope.ee/example-affiliate?utm_source=portfolio&utm_campaign=:slug',
permanent: false,
},
]
},
}
export default nextConfig;