Kontextmenü / Rechtsklick deaktivieren

Wenn Sie verhindern möchten, dass Webseitenbesucher Ihr Produktbilder mit nur einem Rechtsklick downloaden können, dann gibt es mit jQuery eine Möglichkeit mit nur 5 Zeilen Code. Das ist zwar kein 100% Bildschutz, aber es erschwert den Besuchern das klauen der Bilddaten.

Umsetzung:

1. Erstellen Sie mit einem Texteditor die Datei jquery.rightclick.js

2. Kopieren Sie folgenden Inhalt in Ihre erstellte Datei

jQuery(document).ready(function(){
    jQuery(document).bind("contextmenu",function(e){
        return false;
    });
});

3. Kopieren Sie die Datei in den Ordner skin/frontend/default/[Ihr Theme]/js Ihres Magento-Shops.

4. Öffnen Sie die Datei app/design/frontend/default/default/layout/page.xml und fügen Sie folgende Zeile in den Block <block type=”page/html_head” name=”head” as=”head”>

<action method="addItem"><type>skin_js</type><name>js/jquery.rightclick.js</name></action>

Wenn Sie nun die rechte Maustaste drücken wird kein Komtextmenü mehr erscheinen.
Hier in unserem Demoshop: http://shop.mxperts.de

8 Kommentare to “Kontextmenü / Rechtsklick deaktivieren”

1. Chris sagt:

   31. Mai 2009 um 12:48

   Derartige Usability-Gaus würde ich nicht in meinen Shop einbauen, denn damit wird auch verhindert, dass die Nutzer Links per Kontextmenü in einem neuen Fenster / Tab öffnen, die Seite drucken oder neu laden können. Einen gewohnten Teil der Browserfunktionalität ohne Feedback zu deaktiveren ist ein No Go (ein Feedback in Form eines Pop-Ups (”Rechtsklick deaktiviert”) geht natürlich erstrecht nicht.)

   Das Verhindern von Rechtsklicks bringt keinen echten Schutz (Screenshots, Deaktivieren von JS), sondern nervt nur.

   Zum Antworten anmelden
   • Johannes Teitge sagt:

     31. Mai 2009 um 13:55

     Hallo Chris,
     na ganz so schlimm ist es dann doch nicht, man kann alle Funktionen auch über das Menü und die Toolbars erreichen. Die Frage nach dieser Funktion wurde immer wieder gestellt und es ist jedem selbst überlassen ob er diese benötigt oder nicht. Aber Deine Kritik ist eine gute Anregung - man könnte dem Script ein Kontextmenü mit genau diesen Funktionen hinzufügen. Ich habe dies für osCommerce bereits gemacht: http://fischcom.ch/
     Zum Beispiel mit dem ContextMenu-Plugin http://www.trendskitchens.co.nz/jquery/contextmenu/ könnte man dies problemlos umsetzen.

     Viele Grüße
     Johannes Teitge

     Zum Antworten anmelden
2. ToysOnline.ch sagt:

   31. Mai 2009 um 14:40

   Also die Idee find ich nicht schlecht.

   Es nervt schon wenn man sich die ganze Arbeit mit den Bildern macht und irgendwelche “faulen” sich die einfach ziehen und dann sind die Bilder in Shops oder gar bei eBay zu finden.

   Wir bekommen zum Teil sogar von Hersteller die Auflage es so zu lösen, da wir sonst kein Bildmaterial von Ihnen erhalten.

   DANKE für das Tool werde auf jedenfall darauf zurückkommen.

   Zum Antworten anmelden
3. Johannes Teitge sagt:

   31. Mai 2009 um 14:51

   Wer es möchte, kann benötigte Funktionen als Kontextmenü integrieren.
   Beispiel: http://www.gimiti.com/kltan/demo/jQuery.jContext.1.0/index.html

   Viele Grüße
   Johannes Teitge

   Zum Antworten anmelden
4. ds_1984 sagt:

   1. Juni 2009 um 00:26

   @Chris:
   Gebe dir natürlich Recht was die Usibility-Anforderungen angeht und deine sehr opjektive Sicht im Sinne von “Blick über den Tellerrand-weitere Anforderungen vom Rechtsklick”.

   Jedoch wird eben nach wie vor der absolute Großteil von Bildklauereien über die rechte Maustaste realisiert.

   Einen 100%igen Schutz gibt es wie auch schon im Beitrag erwähnt dafür nicht. (wenn man sonstige Dinge zugänglich halten will)

   Es gibt da aber mittlerweile generell andere Wege da ran zu kommen.

   Etwa im Chrome Browser - Quelltextansicht und alle Dateien sind sogar verlinkt oder die Web Developer Toolbar für den Firefox - oben wo man HTML, CSS & JavaScript Eigenschaften einsehen kann einfach auf den linken Button klicken & über den nächsten Step Medien an alle Bilder herankommen (Speicherung ohne Wasserzeichen möglich).

   @Johannes: Trotzdem vielen Dank aus 2 Gründen

   1. Es ist trotzdem ein sehr oft gewünschtes Feature - egal ob Shop oder normale Website

   2. Hier wird nun auch der andere Weg aufgezeigt
   (den ich eigentlich favorisiere)

   Das Script wird verknüpft & somit auf saubere Art und Weise ausgelagert.

   Sorry aber ich bin ein (X)HTML Code-Fetischist und stehe auf diesen Kram.

   Liebe Grüße - Daniel

   Zum Antworten anmelden
5. Chris sagt:

   1. Juni 2009 um 12:17

   Meine Kritik richtet sich in erster Linie nicht gegen den Autor des Artikels, sondern gegen die von Toys erwähnten Kunden, die eine solche Funktion wünschen, denn wie geschrieben wurde, ist eine solche Forderung in der Realität keine Seltenheit.

   Ich denke, hier ist Aufklärungsarbeit gefragt, und es wäre ein interessantes Thema für eine A/B-Testserie. Ich persönlich empfinde ein Deaktivieren des Rechtsklicks als “unfreundlich”, was sich auch auf mein Kaufverhalten auswirkt (der Shop misstraut mir, warum soll ich dann dem Shop vertrauen). Aber auch bei Usern, die gar nicht verstehen was los ist, dürfte eine vom Normalen abweichende Verhaltensweise des Browser, zumindest unbewusst, ein “ungutes” Gefühl auslösen.

   In der Regel sind die Leute, die webaffin sind, und z.B. mit Rechtsklick Produktseiten in einem neuen Tab öffnen möchten, auch diejenigen, die gerne online einkaufen. Diese zu verärgern, kann sich also durchaus auf die Konversionsrate auswirken. Das von Johannes erwähnte personalisierte Rechtsklickmenü ist sicher ein Mittelweg, wenn der Kunde beratungsresistent ist, und auf der Rechtsklickunterbindung besteht.

   Zum Antworten anmelden
6. Hahnefeld sagt:

   27. Juni 2009 um 22:43

   Bei mir (FF 3.0.11) wird nach Ausführung der Arbeitsschritte dennoch das Kontextmenü angezeigt, wenn ich mit der rechten Maustaste auf das Bild klicke. Merkwürdig, oder? Im oben genannten Demo-Shop übrigen geht es auch!

   Zum Antworten anmelden
7. Johannes Teitge sagt:

   28. Juni 2009 um 01:14

   Hallo,

   ich hatte das jQuery-Script auskommentiert, da ich beim Testen die rechte Maustaste benötige
   Jetzt ist es wieder drin und läuft einwandfrei - auch auf FF 3.0.11. Hast Du auch den Cache gelöscht? Schau auch mal über die Web Developer->Errorconsole vom FF ob Fehlermeldungen vorhanden sind.
   Hier nochmal der Link zu dem Plugin: https://addons.mozilla.org/de/firefox/addon/60

   Zum Antworten anmelden