Blokada prawego przycisku myszy

Zdarzyło Ci się kiedyś, że znalazłaś swoje dopieszczone zdjęcia albo autorskie teksty na stronie konkurencji? Albo co gorsza – na jakimś przypadkowym blogu, bez podpisu i linka do Ciebie?

Wiem, jak to boli. Siedzisz nad contentem godzinami, robisz sesję zdjęciową, piszesz od serca, a potem ktoś przychodzi, robi „kopiuj-wklej” i gotowe.

Dzisiaj pokażę Ci prosty sposób, jak trochę utrudnić życie takim „pożyczalskim”. Zablokujemy prawy przycisk myszy na Twojej stronie. I najlepsza wiadomość? Nie potrzebujesz do tego kolejnej wtyczki, która spowolni Twojego WordPressa. Zrobimy to kilkoma linijkami kodu!

Bierz myszkę w dłoń i działamy!

Czy to zabezpieczy moją stronę w 100%?

Bądźmy ze sobą szczere już na początku: Nie.

Blokada prawego przycisku myszy to nie jest cyfrowy odpowiednik pancernego sejfu. To raczej płotek z tabliczką „Teren prywatny”.

Doświadczony użytkownik, programista czy zdeterminowany złodziej treści obejdzie to w 5 sekund (wystarczy, że wyłączy JavaScript w przeglądarce albo zajrzy w kod strony).

Po co więc to robić? Żeby zatrzymać laików. Większość osób, które kopiują zdjęcia czy teksty, robi to z lenistwa lub niewiedzy. Jeśli klikną prawym przyciskiem myszy i nic się nie stanie (albo menu się nie pojawi), po prostu odpuszczą i pójdą gdzie indziej. To świetny „odstraszacz” na tzw. niedzielnych kopiowaczy.

Instrukcja krok po kroku

Zrobimy to tak, jak lubię najbardziej – czysto i lekko. Wstrzykniemy odrobinę JavaScriptu do stopki Twojej strony.

Krok 1: Gdzie dodać kod?

W pliku functions.php w motywie potomnym – jeśli wiesz, co to FTP to zerknij w ten wpis.

Krok 2: Twój magiczny kod

Skopiuj poniższy fragment. Co on robi? Mówi przeglądarce: „Hej, jeśli ktoś kliknie prawym przyciskiem (czyli wywoła contextmenu), to po prostu zignoruj to polecenie”.

function disable_right_click_script() {
    ?>
    <script>
    document.addEventListener('contextmenu', function(event) {
        event.preventDefault();
    });
    </script>
    <?php
}
add_action('wp_footer', 'disable_right_click_script');

Krok 3: Zapisz i przetestuj

Wklej kod, zapisz zmiany i wejdź na swoją stronę (najlepiej w trybie incognito lub po wylogowaniu, żeby sprawdzić, jak widzi to zwykły użytkownik).

Spróbuj kliknąć prawym przyciskiem na zdjęcie lub tekst. Nic się nie dzieje? Menu się nie rozwija? Brawo! O to chodziło!

Mała uwaga UX na koniec

Pamiętaj, że prawy przycisk myszy służy nie tylko do kopiowania („Zapisz obrazek jako…”), ale też do nawigacji (np. „Otwórz link w nowej karcie” czy „Wstecz”).

Blokując go globalnie, trochę ograniczasz wygodę użytkowników. Dlatego stosuj ten trik świadomie. Jeśli prowadzisz bloga fotograficznego lub sklep z autorskimi grafikami – to rozwiązanie jest jak najbardziej dla Ciebie. Jeśli jednak masz serwis newsowy czy mocno techniczny – zastanów się, czy nie wkurzy to Twoich czytelników.

Daj znać w komentarzu, czy udało Ci się wdrożyć ten snippet! Jeśli ten snippet jest dla Ciebie przydatny to podziel się tym wpisem z innymi speckami!