Demo Share — Halaman Perantara (Transparan)
<style>
body{font-family:system-ui,Arial,sans-serif;padding:24px;max-width:760px;margin:auto}
.note{background:#fff9db;border:1px solid #ffd66b;padding:12px;border-radius:8px;margin-bottom:16px}
.btn{display:inline-block;padding:12px 16px;background:#ff6a00;color:#fff;border-radius:8px;text-decoration:none}
small{color:#666}
</style>
</head>
<body>
<h1>Demo Share — Halaman Perantara (Transparan)</h1>
<div class="note">
<strong>Catatan penting (EDUKASI):</strong>
<p>Halaman ini <em>menyediakan Open Graph</em> yang menunjukkan konten seolah dari <code>bacaberita.com</code> — untuk tujuan demo bagaimana FB membuat preview.
Namun halaman ini bersifat transparan: <strong>tidak ada redirect otomatis</strong>. Pengguna bisa memilih untuk klik tautan di bawah ini jika ingin ke Shopee.</p>
</div>
<p>Jika Anda ingin lanjut ke Shopee, klik tombol di bawah ini:</p>
<p><a class="btn" href="https://s.shopee.co.id/" target="_blank" rel="noopener noreferrer">Buka di Shopee (tujuan final)</a></p>
Untuk menguji: share URL halaman ini di Facebook. FB akan mengambil OG (judul/gambar) dari head di atas dan menampilkan preview. Saat pengguna klik preview, mereka akan dibawa ke halaman ini — lalu bisa klik tombol menuju Shopee.
Komentar untuk Script Demo edukasi url