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;