コピペでOK!テキストの記事をコピーできないようにしよう

テキストコピー禁止TOP

ドロップシッピングなどで、作成したネットショップ。

せっかく、苦労して考えて書いた記事やキャッチコピーなどのテキストをコピーされたらたまったもんじゃありませんし、SEO的にもよくありません。

今回は、サイトやブログのテキストをコピーされないようにする方法です。

Sponsored Links

テキストの記事をコピーできないようにする方法

CSSでテキストを選択できなくし、コピーさせないには、CSS3のuser-selectで選択をできなくしてしまいます。

 

CSSに記述しよう

※CSS3未対応のブラウザで制御できません。

body{
}

の中に、下記を記述します。

 

 

Sponsored Links

HTMLに記述しよう

続いて、HTMLのbodyタグに下記を記述します。

 

こんな感じで

bodyタグに記述することで、ページ全体のテキストをコピーできなくします。

 

 

おわりに

CSSとJavaScriptで、テキストをコピーされることは、ほぼ防ぐことができます。

お疲れ様でした。

Sponsored Links

SNSでもご購読できます。

コメント

  1. 秀樹 より:

    コメント初めまして秀樹です。
    ブログ読ませて頂きました。
    勉強になりました。
    これからの参考にさせて頂きます。
    ただ、どんなだけ、対策しても
    記事をコピーされることもあるので、
    気にしないのが一番かもしれませんね。
    今後も時々、ブログを拝見させて頂きます。
    を入力ください

コメントを残す

*

CAPTCHA