[mootools]メールリンク自動挿入

直接HTMLにメールアドレスを記載していると、ロボット収集されてスパムの標的にされてしまう。
それを防ぐ為の方法として

  • mailto:を使わない
  • メールアドレスを画像にする
  • メールアドレスの@を別の文字にする
  • Flashテキスト(ボタン)を使う
  • Javascriptで記述

以上がよく使われる手段だろうか。
Javascriptではヘッダに記載してたらまったく意味がないので注意。

Ajaxライブラリmootoolsを使ってメールリンク自動挿入をする方法を考えてみた。

※このサンプルは前バージョン(1.1.2)で書いたものなので1.2では動かないかも

$$('.mailto').each(function(mailer){
new Element('a', {
'styles': {
'text-decoration': 'none',
'color': '#333'
},
'class': 'Tips',
'href': 'mailto:sample@yourmail.co.jp',
'title': 'メール送信'
}).setHTML('sample@yourmail.co.jp').injectBefore(mailer.getFirst())});

HTMLはメールアドレスを挿入したいところに

<span class=”mailto”><a></a></span>と記述。

これだとブラウザで見たときもソースにメルアドが記載されないので、ロボットに拾われる心配もない。

Leave a Comment.