Memuat berita terbaru...

Cara Membuat Safelink di Blog Utama Blogger

Panduan praktis membuat safelink di blog utama Blogger agar aman, mudah digunakan, dan tetap ramah AdSense serta SEO.

Apa Itu Safelink?

Safelink adalah halaman pengalihan (redirect) yang digunakan untuk mengamankan tautan sebelum pengunjung menuju ke link tujuan. Fungsinya untuk meningkatkan keamanan, mengurangi bounce rate, serta menambah page view yang dapat mendukung penghasilan iklan, termasuk Google AdSense.

Mengapa Harus Aman untuk AdSense?

Google memiliki kebijakan yang ketat terkait konten. Jika Safelink digunakan untuk memaksa klik iklan atau mengarahkan ke situs ilegal, akun AdSense dapat dinonaktifkan. Agar aman, ikuti tips berikut:

  • Jangan letakkan iklan terlalu dekat dengan tombol redirect (beri jarak minimal 150px)
  • Sediakan informasi yang berguna di halaman Safelink
  • Jangan arahkan ke link ilegal (bajakan, pornografi, dll.)
Info! Ini adalah tutorial membuat safelink ala median ui ataupun plus ui dengan sederhana dan universal.

Langkah 1: Buat Halaman Safelink

Buat halaman baru di Blogger, pilih mode HTML, lalu masukkan kode berikut:

<div class='safelink-container' style='text-align:center;padding:20px;border:1px solid #ccc;margin-top:20px'>
  <h3>Tautan Sedang Diproses...</h3>
  <p>Silakan tunggu beberapa detik sebelum menuju link tujuan. Sambil menunggu, baca tips bermanfaat di bawah ini.</p>

  <div style='text-align:left;margin:20px 0'>
    <h4>Tips Keamanan Internet</h4>
    <p>Selalu pastikan link yang Anda kunjungi aman dan bukan situs phishing. Gunakan antivirus dan browser terpercaya.</p>
  </div>

  <div id="timer">Tunggu 10 detik...</div>
  <button id="go-link" style="display:none;padding:10px 20px;margin-top:15px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer">Klik Untuk Melanjutkan</button>
</div>

<script>
// Hitung mundur
let timeLeft = 10;
let timer = document.getElementById("timer");
let button = document.getElementById("go-link");
let finalUrl = atob(new URLSearchParams(window.location.search).get("url"));

let countdown = setInterval(function() {
  timeLeft--;
  timer.textContent = "Tunggu " + timeLeft + " detik...";
  if(timeLeft <= 0){
    clearInterval(countdown);
    timer.style.display = "none";
    button.style.display = "inline-block";
  }
},1000);

// Klik tombol menuju link
button.addEventListener("click", function(){
  window.location.href = finalUrl;
});
</script>

Langkah 2: Tambahkan CSS di Template

Buka Tema > Edit HTML, cari </head>, lalu tambahkan:

<style>
.safelink-container {
  max-width: 600px;
  margin: 40px auto;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  text-align: center;
}
#go-link:hover {
  background: #1976d2;
}
</style>

Langkah 3: Script Auto Convert Link (Multi Safelink)

Agar semua link eksternal otomatis diarahkan ke halaman Safelink, tambahkan widget HTML/JavaScript di sidebar Blogger, lalu masukkan kode berikut:

  <script>
var protected_links = "namadomainkamu.com"; // domain kamu
var convert_all_links = true;
var safelink_pages = [
  "/halaman-safelink.html",
  "/halaman-safelink-2.html",
  "/halaman-safelink-3.html"
];

function auto_safe_links(){
  var anchors = document.getElementsByTagName("a");
  for (var i = 0; i < anchors.length; i++) {
    var href = anchors[i].href;
    if(href && href.indexOf(protected_links) === -1 && href.startsWith("http")){
      var encoded = btoa(href);
      var randomPage = safelink_pages[Math.floor(Math.random()*safelink_pages.length)];
      anchors[i].href = randomPage + "?url=" + encoded;
    }
  }
}
auto_safe_links();
</script>

Tips Agar Aman Untuk AdSense

  • Selalu sediakan konten informatif di halaman Safelink
  • Jangan menempatkan iklan terlalu dekat dengan tombol redirect
  • Gunakan HTTPS di blog
  • Jangan arahkan ke link ilegal

FAQ

Apakah Safelink ini aman untuk AdSense?

Aman, selama tidak memaksa klik iklan dan tidak mengarahkan ke konten ilegal.

Bisa digunakan untuk semua link?

Bisa, namun disarankan hanya untuk link eksternal agar tidak mengganggu navigasi internal blog.

Berapa lama hitungan mundur safelink?

Secara default 10 detik, tapi bisa diubah sesuai kebutuhan di kode JavaScript.

Apakah bisa menggunakan beberapa halaman Safelink?

Bisa, gunakan array safelink_pages di JavaScript untuk mengacak beberapa halaman Safelink.


إرسال تعليق