ショップ上での右クリックを禁止する

2017-07-13 13:31
JavaScriptにて右クリックの禁止を設定することができます。
下記のJavaScriptを、管理画面の【マーケティング】⇒【SEO(メタタグ)全体設定】→「ヘッダー」欄に貼り付けて下さい。
サイト全体の右クリック、コピーを禁止する場合 <script>
jQuery(function () {
jQuery('body').on('contextmenu copy', function () {
var message ="不正ダウンロード防止のために右クリック、コピーを禁止しています。";
// message の部分が右クリック、コピーされたときのコメントになります。
// コメントが不要な場合は、var message = ""; のように、中身を空にしてください。
if (message) {
alert(message);
}
return false;
});
});
</script>
画像のみ右クリックを禁止する場合 <script>
jQuery(function () {
jQuery('body').on('contextmenu', 'img', function () {
var message ="不正ダウンロード防止のために右クリックを禁止しています。";
// message の部分が右クリックされたときのコメントになります。
// コメントが不要な場合は、var message = ""; のように、中身を空にしてください。
if (message) {
alert(message);
}
return false;
});
});
</script>

ご注意事項
上記手順で、SEO(メタタグ)全体設定のヘッダー欄に右クリック防止のJavaScriptを設置する場合、 既存のCSSとJavaScriptを読み込む設定をする必要があります。
フリーページや扉ページ作成時は、下記のように設定してください。

  • フリーページ : 「デザイン」にて「<body>タグ内を編集する」を選択した場合は、
    既存のCSSとJavaScriptを 「読み込む」にチェックをつけてください。
  • 扉ページ : 「スタイルシートの読み込み」にて、既存のCSSとJavaScriptを 「読み込む」にチェックをつけてください。