ホームページ制作時のルール：メールアドレスを暗号化＋件名あり

記事公開日：2017.07.03 （最終更新日：2017.11.10）

ホームページ制作ルール

自社のホームページにメールアドレスを載せる場合、そのままアドレスを「mailto:」に記載する事はセキュリティとして絶対避けたいことです。
メールアドレスを簡単に他者に取得されてしまって、あとで莫大な迷惑メールが来ることになるからです。

メールアドレスを画像にしたり、＠マークを大文字にしてみたりしているホームページを見ますが、「mailto:」にアドレスを記載していたらあんまり効果ないように思います。

高い安全性をもってホームページを運営したいのでメールアドレスを暗号化して載せているのですが、その安全性にも「高→低」があります。

今回はその忘備録です。

JavaScriptの記載が苦手でも簡単に設置できるので便利なツールです

今回参考にさせていただいたサイトです
メールアドレス収集ロボット対策用メールアドレス暗号化ツール（javacsript）
手軽にエンティティ化するにはこちらが便利です

さらに、こちらを使って、件名や本文にテキストを入れることもできます。

function converter(M){
var str="", str_as="";
for(var i=0;i<M.length;i++){
str_as = M.charCodeAt(i);
str += String.fromCharCode(str_as + 1);
}
return str;
}
function mail_to(k_1,k_2)
{eval(String.fromCharCode(108,111,99,97,116,105,111,110,46,104,114,101,102,32,
61,32,39,109,97,105,108,116,111,58)
+ escape(k_1) +
converter(String.fromCharCode(103,110,102,100,63,103,110,102,100,45,98,110,108,
62,114,116,97,105,100,98,115,60))
+ escape(k_2) + encodeURI('お問い合わせ&body=お名前：\r\nお問い合わせ内容：') + "'");}
document.write('<a href="javascript:void(0);" onclick="mail_to(&quot;&quot;,&quot;&quot;);">（必ずお問い合わせなどの文字を入力してください）<\/a>');
//-->
</script>
<noscript>（画像などを設置）</noscript>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

function converter(M){

var str="", str_as="";

for(var i=0;i<M.length;i++){

str_as = M.charCodeAt(i);

str += String.fromCharCode(str_as + 1);

}

return str;

}

function mail_to(k_1,k_2)

{eval(String.fromCharCode(108,111,99,97,116,105,111,110,46,104,114,101,102,32,

61,32,39,109,97,105,108,116,111,58)

+ escape(k_1) +

converter(String.fromCharCode(103,110,102,100,63,103,110,102,100,45,98,110,108,

62,114,116,97,105,100,98,115,60))

+ escape(k_2) + encodeURI('お問い合わせ&body=お名前：\r\nお問い合わせ内容：') + "'");}

document.write('<a href="javascript:void(0);" onclick="mail_to("","");">（必ずお問い合わせなどの文字を入力してください）<\/a>');

//-->

</script>

今回参考にさせていただいたサイトです
暗号化したメールアドレスに件名と本文を追加する方法　です。

こちらでは1ページ内に1つの設置になりますので、注意が必要です。

« ホームページへどのように来ているのか知りたい | ホームページ記事とSNSを連携したい時のwordpressプラグイン »

長野県長野市のホームページ制作・チラシ・パンフレット・カタログ・ショップカード・パッケージ・スマートフォンサイト制作

新着情報

ホームページ制作時のルール：メールアドレスを暗号化＋件名あり

JavaScriptの記載が苦手でも簡単に設置できるので便利なツールです

こちらの記事もオススメです

新着情報一覧

ホームページ制作にまつわる便利な情報を長野より発信！

phpのバージョン〜wordpress編

h1〜h4のタイトルに飾り罫を付ける時

ホームページ制作で重要なブレイクポイント

イメージマップ、今はあまり使わないかもしれないけど＋レスポンシブ対応を追加

横に並んだコンテンツの高さを同じにしたい時のCSS

SEO対策と表示順位の大変動

htmlのbodyの中にスタイルを書き込んで、丸数字を書いてみた

CSSのみでホームページを制作したい〜画像の上に文字をのせるとか