HOME » css , design , JavaScript , MovableType , tutorials » コメントプレビュー機能とコメントスパム対策
コメントプレビュー機能とコメントスパム対策
以前、超有名な「stroll::blog」さんのコメントをプレビュー表示してくれるJavaを搭載する実験を頑張ってみた事があるんですけど、見事大失敗に終わったことがありまして。
他のサイトさんにはあるのにうらやましいと思っていたら、なんとっ「やむやむ」さんの所でMTにも簡単に取り付けられるJavaが公開されているのを発見。
うれしくてうれしくて早速取り付けてみた所大失敗！ → テンプレぶっ壊す → コメントcgiぶっ壊す → ひどい目に遭う という黒歴史を作ってしまいました…。
今回、Movable Type 3.15-ja にアップグレードするついでに、と再チャレンジしたところ、どうにか成功したのでやり方と作業中に思ったことを書き留めておきたいと思います。
ソースはさえらさんちの（さらに大元は「LeapK.com」さんのこちらの記事：お世話になりました。）を丸パクしていますが、一部自分のサイト用に書き換えた部分があるので、そこだけ追記しておきます。
<p> （中略） <textarea tabindex="4" id="text" name="text" rows="10" cols="50" onkeyup="doCommentPreview()" onblur="doCommentPreview()"></textarea> </p><p><label for="comment_preview">Comment Preview :</label></p><div class="comment" style="background-color:#f1f4f0;padding:1px 10px 20px;"> <p><div class="entry_body" id="comment_preview">ご利用のブラウザ、設定ではご利用になれません。</div> ※以下リンク先参照。
コメントがプレビュー表示される部分の背景に色を付けたかったので、divにstyle指定をかけてみました。css制御だとなんかうまくいかなかったので直でテンプレに書き込んじゃってます。
paddingの設定は初めは普通に「padding:10px;」って書き込んでいたのですが、私のサイトだとなぜか「ここにコメントのプレビューが表示されます。」の上に1行分改行（？）が入っておマヌケな見た目になってしまいました。
仕方ないのでpadding-bottomを多めにとって上下のバランスを取ってます。
（この対策が分かる人がいたら教えてください。）
あと「Comment Preview : 」部分ですが、そのままだと行間が空きすぎているような気がしたので＜p＞タグは消去してあります。
注意点ですが、Java Scriptを外部ファイルにすると動いてくれません（私の場合だめでした）。
直でテンプレにソースを書き込んだところうまく動くようになりました。
で、最初うまくいかなかった原因なんですけど、未だによく分からないんです。
コメント投稿機能の修復作業中に、コメントスパム対策が投稿エラーの原因では？と指摘されたので、各種スパム対策を一度はずしたんですね。で、大勢に影響がなさそうな対策だけ再度取り付けて、現在うちのサイトでとっているスパム対策は以下の通りになりました。参考にしたサイトさんの元記事リンクと一緒にあげておきます。
- ひらがな対策（「きままにポロポロ」さん）
- mt-comments.cgi のリネーム（「blog.bulknews.net」さん）
- 「Quasi-Spam Filter Plugin」の導入(～2/7)（「Ogawa::Memoranda」さん）
要はこれとMT-Blacklist 2.0bを取っ払ったわけですが、直接プレビュー機能が使えなかった原因にこれらが関わっていたのかは全く不明です。私の場合、元から微妙にmt-comments.cgi が壊れていた可能性も否定できないので…。
とりあえず上記3つのスパム対策を取っていても、コメントプレビュー機能が使えることだけは確かです（苦笑）。
対策は減らしましたが、スパム攻撃は今のところ全く受けていないので、これくらいやっておけばスパムに関しては特に心配しなくても大丈夫かもしれません。
余談ですが、「MT-Blacklist 2.0b」を入れていると、携帯（MT4i使用）からのコメントの書き込みがすぐに反映されないんです（パソコン側でコメントの承認が必要になります）。これがかなりうざかったので、このプラグインは私的にははずして正解だったかもです。
そんなこんなで長い戦いは終了しました。
プレビュー機能が動かないよ？って人はスパム対策とcgiの確認と見直しをしてみるといいかもしれません。
Related Posts
- Tags : css , design , JavaScript , MovableType , tutorials | TrackBack URL
- Prev : チョコレートスプレッド | Next : トラックバックスパムの対策
Comments & Trackbacks : 31
ヾ(＠⌒ー⌒＠)ノおはようございます。ＴＢどうもありがとうございました。
ずいぶん早起きさんですねー。それとも夜更かしだったり？ヾ(´▽｀;)ゝ ウヘヘ
先日のテンプレート壊れちゃったのは、コメントプレビューのせいだったんですか。
（；_； ）オロオロ （ ；＿；）オロオロ でも、無事解決してホントよかったですぅ。
プレビューの背景に、薄っすら背景色、いいですね。真似してみようかな。(＾。＾/) ウフ♪
コメント・プレビュー
LeapK.com さまのところで、コメントをしようとしたら、 テキストエリアの…
foofooです。
こちらもやろうやろうと思いながら出来なかった機能。
参考にさせていただきながら、ゆっくり実装したいと思います。
＞さえらさま
いえいえ、ナイス情報をご紹介頂いてありがとうございました
えーっと、今日は早起きではなくて夜更かしです…。
ダメ人間ですから、ハイ。
テンプレが壊れたのは、コメントプレビューを付けようとした時に壊れただけであって、直接の原因かどうか分かりません。だからぜーんぜん心配しなくて大丈夫ですよ？
さえらさんのせいじゃないもん。
＞foofooさま
ついてると便利な機能ですよねぇ、これ。
リンク先の解説が丁寧なので、どうぞバリバリパクってつけてみてくださいね。
ここの色あい、すごぉーーく 好きです・・・・・。（告っちゃった・・・照）
センスの良さが うかがえますね。なんでもないことのようだけど、コメントプレビューの背景に
色がついてたら・・・・って発想が、あたしには 出てきません。言われてみれば、
色が付いてるサイトさまを見れば、ホントだわ、あったほうがいいかも、とか思うけど
自分からは 思いつきません。だいたいいつも、１テンポ遅れの人間なので。
アノネ…（／＾o(･･*)フムフム オバチャンダカラジャナイヨ
ここのテンプレートの基本デザインが面白いのか、なんとも素敵な感じです。ようやくTypeKeyの登録やってみたので、テスト投稿を兼ねて。今後ともよろしくお願いします。
＞さえらさま
いやーん、おだてても何も出ませんよｗ？
センスがいいと言うよりは、無難にまとめるのが得意なだけですってば（苦笑）
薄く色を付ける気になったのは我楽さんちがそうしてたからです、ふふふ。
あ、いいなぁ、って思ったので即パクしちゃいました。
センスがいいって言うのはああいうサイトのことを言うんじゃないデスかぁ？
＞amazingさま
コメントありがとうございますぅ。
褒められなれてないので、管理人焦ってます(;´Д`A “`
blogってどうしてもごちゃっとした見た目になってしまうのがイヤで、だんだんこういう形になってっただけなんですけどねぇ…。
でもなれてはいないけど、ワタクシかなーり喜んでおります♪
もそたんのところ、書き込んでもビロンビロン画面がしないね。
私の所、何故かビロンビロンして変(;´д⊂)
絵文字か、プレビューかどっちかにした方が良いのかなぁ･･･
＞真希さま
今真希ちゃんとこに行って試してきたんだけど、特にうちと動きが変わらなかったよ？
うちのサイトもなぜかうちの「Lunascape」で見るとびよびよなるから、それと同じ現象かなぁ？
Sleipnir＆IEだと普通に見られるのに変なの？って思ってるんだけど、未だに理由が分かりませんわ(;´Д`A “`
コメントプレビューをつけてみる
いつもお世話になっているもそさんのサイト、 それからさえらさんのサイトを参考に、…
foofooです。
コメントプレビュー、実現しました。
コメント入力部分の幅を広げたいんだけど、
colsを弄っても変わってくれない・・・。
弄るところが違うのかなぁ。
そうそう、ボタンをフラットにするのは
スタイルシートどうやって指定すればよいのでしょうか・・・？
でわ♪
＞foofooさま
了解。
あさって以降になると思いますが、両方とも記事にしてupしますのでお楽しみにぃ。
他にわかんないことあったら書いといてね。
mixiでは本当にありがとでやんした。
なんて、お礼を申し上げたらいいか…。
泣き言ばっかで申し訳ないス。
成功したら、やっぱり嬉しい。
現金ですな（苦笑）
そんなわけで、
強引に（笑）TB発射させていただきました。
＞美羽さま
あれくらいの事気にしないでいいから。･ﾟ･(ﾉД`)ヽ(ﾟДﾟ )ﾖﾁﾖﾁ
カスタマイズが成功した時の気分って本当に爽快よねぇ。
おかげで延々とカスタマイズを続ける羽目にorz
文章力があれば、見た目なんて関係なくみなさんに見てもらえるのは分かってるんだけど、それがないからせめて見た目だけでも整えようと悪あがきよ’`,､ ( ´∀｀) ‘`,､
[N?] 【覚書】コメントスパム対策
一昨日コメント・TBスパム対策プラグインをいれたばかりなのに、 またまた入ってき…
コメントスパム（ひらがな対策）、参考にさせていただきました。
＃1度にイロイロな対策を導入するのは
個人的に好きではない（面倒：笑）なので、
とりあえずひらがな対策のみ。
これでスパムとの戦いが終われば良いけれど・・・。
■foofooさま
私も多重で対策撮るのはあんまり好きじゃないんですけど、スパム食らうのはもっと好きじゃないので重ねがけしてますわ。
それでもこの前はじめてスパム食らっちゃったからねぇ。
全く、何が楽しくてやってるんだか…。
コメントプレビューとファビコンつけてみた
カスタマイズいたしました、分かり易いエントリーに感謝です。
これからもどうぞ宜しくお願いいたしまする。
コメントの簡易プレビュー
コメントを書く時に 確認 ボタンを押さなくても即時プレビューが出るようにしました。 参考サイト http://blog.open-arms.biz/archiv...
やっとコメントプレビューきちんと出来ました
同じテンプレートユーザーの間では動くのに、なぜ私だけ動かないのー と悩むに悩んで…
コメントプレビューをつけました
確認画面があってもやっぱりコメントプレビューがあるとやっぱり便利。 特にキーの打…
はじめまして♪
こちらの記事を参考に、プレビュー表示される部分の背景をつけることができました。
ありがとうございます。
あと、申し訳ありません；
TB二重送信してしまったようので、削除お願い致しますo(*,”,)o
■Mirayさま
どーも、はじめましてっ！参照して頂いてありがとうございます
トラバはさっくり削除しておいたので大丈夫ですよ♪
もそさん コンニチワφ(^^)
なんともお恥かしいところをお見せしてしまいました(笑)
無事6度目でやっと成功嬉しい限りです♪
足を運んでくださってありがとうこざいました。
トラバもさっくり削除、お手数おかけしました。
これからもどうぞ宜しくお願い致します^^
■Milayさま
いいえー、これをつけたいがためにサイトをぶっ壊して師匠に泣きついて直してもらった私に比べれば全然甘いですｗ。
みんな失敗しつつサイト作りをしているので、こんな事は無問題ですってば。
カスタマイズ録(１
これから私がやって来たカスタマイズを記録に残すべく書いて行こうとおもってます。 …
いつもいつもお世話になってばかりですんまそん。
だいぶ前に参考にさせて頂いて頑張ってみたんだけど出来ない！と思ってたのね。
そのまま2週間近く放置していたのだけど
今日久しぶりにカスタマイズするのにもう一度やってみようと思ってたら
何故か放置していたはずなのに既に出来てた・・・ It’s miracle！！！
たぶん出来てないと思ってただけみたい。
とにもかくにもありがとう！おかげさまで出来ました！！
■マオさん
おう、着々と進んでいるようだねぇ。
お役に立てているようで良かった。
MTもいじりはじめると結構楽しいでしょう？
完成するのを心待ちにしてるからね♪
やっと出来た コメントプレビュー
長い道のりでしたが・・・やっとコメントプレビュー出来ました。 はじめに いろいろ…
すっごく手こずりました。汗
やっと出来ましたー。 いつもお世話になってます。
TBしました。
■Ranさん
毎度どーもー＾＾。
この設置には私は苦い思い出があるので、ここへコメントをもらうたびにその時の事を思い出すんですよねぇ（苦笑）。
本当に辛かったっす。