Langsung ke konten utama
Member of 296 GROUP. Get now!

Trending Keyword

Cara Memasang "Stempel" Sumber Otomatis Saat Artikel Blog Di-Copy

Artikel blog kamu sering disalin orang? Yuk, pasang stempel link sumber otomatis saat teks di-copy paste. Aman untuk SEO.
Daftar Isi
296 Blog - Menemukan artikel yang ditulis susah payah malah di-copy-paste (copas) oleh orang lain tanpa mencantumkan sumber memang rasanya menyebalkan. Namun, mematikan fungsi klik kanan di blog bukanlah solusi yang ideal. Mengapa? Karena hal tersebut sering kali membuat pengunjung biasa merasa risih dan memilih kabur dari blog kamu.


Solusi paling cerdas dan elegan adalah dengan memberikan "stempel" atau atribusi otomatis di akhir teks yang disalin.

Ketika ada orang yang menyalin isi tulisan kamu dan menempelkannya (paste) di tempat lain, di bagian paling bawah teks tersebut akan otomatis terikut pesan khusus, seperti:

Update terus di https://blog.296.web.id



Trik ini tidak hanya menjaga hak cipta tulisan kamu, tetapi juga berpotensi memberikan backlink gratis jika si pencuri konten langsung memposting hasil copas tersebut ke web mereka tanpa mengeditnya!

Cara Kerja Script Stempel Copas

Trik ini memanfaatkan Event Listener bawaan JavaScript (copy). Saat browser mendeteksi adanya aktivitas penyalinan teks pada halaman web kamu, script akan secara otomatis menyisipkan tautan/teks kustom di bagian paling akhir dari clipboard pengunjung.

Script ini dibuat sangat ringan, tidak membebani kecepatan loading blog, dan dilengkapi batasan minimal karakter agar tidak mengganggu pengunjung yang hanya menyalin satu atau dua kata.

Cara Memasang Script di Blogger / Blogspot

Ikuti langkah-langkah mudah di bawah ini untuk memasangnya pada template Blogger kamu:

Langkah 1: Buka Editor HTML Blogger

  1. Masuk ke Dashboard Blogger.

  2. Pilih menu Tema (Theme) di bilah navigasi sebelah kiri.

  3. Klik tanda panah kecil di samping tombol Sesuaikan (Customize), lalu pilih Edit HTML.

Langkah 2: Tempelkan Kode JavaScript

  1. Klik di mana saja di dalam area kode HTML, lalu tekan Ctrl + F (Windows) atau Cmd + F (Mac).

  2. Cari tag penutup </body>.

  3. Salin (copy) kode JavaScript di bawah ini, lalu tempelkan tepat di atas tag </body>:

HTML
<!-- Script Stempel Otomatis Copas Artikel -->
<script type='text/javascript'>
document.addEventListener('copy', function(e) {
    var selectedText = window.getSelection().toString();
    
    // Stempel hanya aktif jika teks yang di-copy lebih dari 50 karakter
    if (selectedText.length > 50) {
        var linkSource = "\n\n--------------------------------------------------\n" +
                         "Artikel ini diambil dari: " + window.location.href + "\n" +
                         "Update terus artikel menarik lainnya di https://blog.296.web.id\n" +
                         "--------------------------------------------------";
        
        var copiedContent = selectedText + linkSource;
        
        e.clipboardData.setData('text/plain', copiedContent);
        e.preventDefault();
    }
});
</script>

Langkah 3: Simpan Tema

  1. Klik ikon Simpan (ikon disket di sudut kanan atas).

  2. Selesai! Coba buka salah satu artikel blog kamu, salin beberapa paragraf, lalu paste di Notepad atau Microsoft Word untuk melihat hasilnya.

Cara Memasang di WordPress

Jika kamu menggunakan WordPress, kamu bisa memasang kode di atas dengan dua cara:

  • Menggunakan Plugin (Rekomendasi Pemula): Gunakan plugin seperti WPCode (Insert Headers and Footers). Buka plugin > Footers > Tempelkan kode script di atas (tanpa perlu menyentuh file tema asli).

  • Melalui Theme File Editor: Masuk ke Appearance > Theme File Editor > Buka file footer.php, lalu letakkan kode tersebut sebelum tag </body>.

Bedah Kode: Memahami Cara Kerja Script

Agar kamu lebih paham, berikut penjelasan singkat mengenai beberapa baris kode penting di atas:

  • selectedText.length > 50: Memastikan stempel hanya muncul jika tulisan yang disalin memiliki panjang lebih dari 50 karakter. Ini menjaga kenyamanan pengguna yang hanya ingin mengutip istilah pendek atau kode program.

  • window.location.href: Fungsi otomatis untuk mengambil URL artikel tempat teks tersebut disalin.

  • e.clipboardData.setData(): Perintah untuk mengubah isi clipboard dengan menambahkan kalimat stempel di akhir teks salinan.

Tips Tambahan untuk Blogger

TipsAlasan & Manfaat
Gunakan Bahasa yang SopanKalimat stempel yang ramah membuat pembaca yang berniat baik terdorong untuk mencantumkan sumber secara sukarela.
Hindari Disable Klik KananMematikan klik kanan merusak User Experience (UX) dan membuat blog terasa kaku di mata pengunjung.
Kombinasikan dengan Internal LinkSering-seringlah membuat internal link di dalam paragraf artikel kamu. Jika artikel di-copas secara utuh, link ke artikel lain di blog kamu juga akan terbawa.

FAQ (Pertanyaan yang Sering Diajukan)

Apakah script ini akan memperlambat loading blog?

Tidak. Kode ini menggunakan Vanilla JavaScript murni yang berukuran sangat kecil (di bawah 1 KB) dan baru berjalan saat pengunjung melakukan aksi penyalinan (copy).

Apakah cara ini aman untuk SEO?

Sangat aman. Google mengerti bahwa script ini berjalan di sisi klien (browser pengguna) dan tidak mengubah isi konten asli yang di-indeks oleh mesin pencari.

Bagaimana jika pencuri konten menghapus stempel tersebut secara manual?

Mereka tetap bisa menghapusnya jika sadar. Namun, sebagian besar pelaku copas otomatis (bot scraper) atau pengguna awam biasanya langsung menempelkan (paste) teks tanpa memeriksa kembali bagian bawahnya.

Kesimpulan

Memberikan stempel otomatis saat artikel disalin adalah solusi win-win untuk pemilik blog. Kamu tidak perlu membatasi navigasi pengunjung dengan mematikan fungsi klik kanan, namun tetap mendapatkan proteksi atribusi dan potensi backlink dari setiap artikel yang disalin.

Selamat mencoba, dan jangan lupa untuk terus memperbarui artikel-artikel menarik di blog kamu!

Seorang Santri Lulusan MA Jurusan IPS, Kuliah Jurusan Tafsir, Ngabdi Ngajar Ngaji, IPA dan Matematika, Hobi Coding Otodidak
296Studios Welcome to WhatsApp chat
Ada yang bisa kami bantu?
Type here...