Pasang JavaScript untuk Atribusi Otomatis: Cara Mudah Lindungi Kontenmu

QolamNews.com – Melihat artikel atau konten yang kita buat dicopas tanpa izin memang bikin kesal. Apalagi kalau yang nyontek lupa kasih kredit.

Nah, supaya kontenmu tetap dihargai, kamu bisa pasang JavaScript untuk atribusi otomatis. Teknologi ini bikin siapa pun yang menyalin teks dari websitemu otomatis membawa informasi tambahan, seperti judul artikel, nama website, hingga URL sumber.

Yuk, kita bahas langkah-langkahnya dengan gaya santai tapi tetap profesional!

Kenapa Perlu Atribusi Otomatis?

Saat ini, mencuri konten semakin gampang. Tinggal “Ctrl+C” dan “Ctrl+V“, voila, hasil kerja kerasmu muncul di tempat lain tanpa nama. Dengan JavaScript ini, kamu bisa:

1. Melindungi hak cipta: Setidaknya nama dan sumber websitemu tetap tercantum.
2. Meningkatkan traffic: Atribusi otomatis menyertakan URL, jadi orang yang melihat hasil copas bisa langsung ke websitemu.
3. Bikin orang mikir ulang: Kalau copas tetap ada jejaknya, orang mungkin lebih berhati-hati.

Langkah-Langkah Pasang JavaScript untuk Atribusi Otomatis

1. Tulis Script JavaScript-nya

Berikut adalah contoh script sederhana untuk menambahkan atribusi:

document.addEventListener('copy', function(e) {
    var selection = window.getSelection().toString(); // Teks yang disalin pengguna
    var additionalText = "\n\nArtikel ini telah tayang di " + document.title + ", Klik untuk baca: " + window.location.href + ".";
    var fullText = selection + additionalText; // Gabungkan teks disalin dengan atribusi
    e.clipboardData.setData('text/plain', fullText);
    e.preventDefault();
});

Penjelasan:

• window.getSelection(): Mengambil teks yang disalin pengguna.
• document.title: Mengambil judul artikel otomatis.
• window.location.href: Menambahkan URL halaman ke teks.
• e.clipboardData.setData: Mengubah teks yang masuk ke clipboard pengguna.

2. Cara Menambahkan Tanggal Terbit

Kalau mau lebih keren, tambahkan informasi tanggal terbit. Berikut skripnya:

document.addEventListener('copy', function(e) {
    var selection = window.getSelection().toString(); // Teks yang disalin pengguna
    var publishDate = document.getElementById('publish-date').getAttribute('data-publish-date'); // Ambil tanggal terbit
    var additionalText = "\n\nArtikel ini telah tayang di " + document.title + " pada " + publishDate + ", Klik untuk baca: " + window.location.href + ".";
    var fullText = selection + additionalText; // Gabungkan teks disalin dengan atribusi
    e.clipboardData.setData('text/plain', fullText);
    e.preventDefault();
});

Untuk bekerja dengan baik, pastikan tanggal terbit ada di HTML seperti ini:

<span id="publish-date" data-publish-date="2024-12-01"></span>

atau ganti publish-date dan data-publish-date=”2024-12-01″ script diatas dengan versimu pada script var publishDate = document.getElementById(‘publish-date’).getAttribute(‘data-publish-date’); // Ambil tanggal terbit di JavaScrpt

3. Tambahkan ke Website WordPress

Kamu pengguna WordPress? Tenang, gampang kok. Pilih salah satu dari metode berikut:

a. Tambahkan di File functions.php
Buka file functions.php dari tema yang kamu pakai dan tambahkan kode ini:

function add_copy_attribution_script() {
    ?>
    <script>
        document.addEventListener('copy', function(e) {
            var selection = window.getSelection().toString(); // Teks yang disalin pengguna
            var additionalText = "\n\nArtikel ini telah tayang di " + document.title + ", Klik untuk baca: " + window.location.href + ".";
            var fullText = selection + additionalText; // Gabungkan teks disalin dengan atribusi
            e.clipboardData.setData('text/plain', fullText);
            e.preventDefault();
        });
    </script>
    <?php
}
add_action('wp_footer', 'add_copy_attribution_script');

b. Gunakan Plugin Insert Headers and Footers

1. Install plugin Insert Headers and Footers dari WordPress.
2. Masukkan JavaScript di bagian footer melalui menu plugin tersebut.

Tips Biar Lebih Maksimal

1. Gunakan tema child: Kalau edit functions.php, pastikan pakai tema child supaya nggak hilang saat update.
2. Tes di berbagai browser: Pastikan script-nya jalan di Chrome, Firefox, Edge, dll.
3. Bersihkan cache: Kalau pakai plugin cache, pastikan cache-nya di-refresh supaya script langsung bekerja.

Apakah Script Ini Melanggar Google TOS?

Tidak! Atribusi otomatis hanya menambahkan metadata ke teks yang disalin tanpa memblokir fungsi browser atau memanipulasi hasil pencarian. Jadi, selama script ini hanya membantu menjaga kredibilitas kontenmu, aman digunakan.

Kesimpulan

Dengan JavaScript untuk atribusi otomatis, kamu bisa menjaga kredibilitas konten sekaligus meningkatkan traffic. Selain melindungi hasil kerja kerasmu, cara ini juga membuat orang lain lebih menghormati jerih payahmu. Jadi, tunggu apa lagi? Pasang sekarang supaya kontenmu aman dari plagiat!