[ブログデザインのカスタマイズ記録] いわゆる「自動ペタ」をかなりの高精度で一発判定する方法
(これは私はこうやった、というメモ程度の内容です。そしてけっこう7めんどうなことをしているので関係なければ読まなくてもいいような内容です)
興味のあるなしに関係なく日々つけられる自動ペタ。
とくに「秘密ブログ」やらホスト関係のものやらアフィリエイター育成なんたらやら、
見るだけでうざいと思うしかないですね。
今でこそ無視できますが、いちいちプロフィール見るのもめんどうくさいです。
まあ、趣味的に合えばむしろ全然OKではあるのですが.....。
さて、かなり前ですが、「どこからペタされたのかがわかるようになりました。」ということで、
普通にやっていれば正しくどこからペタされたのか表示されるようにペタ帳が変わりました。
が、自動でペタをつけるツールはそんなのお構いなしにやってくるのも事実。
blogを見てもいないのに「ブログ記事から」なんてザラにあります。
表示上ブログ記事からペタをつけるリンクを外しているのにそれができるのだから不思議ですよね。
やはり、どうせならペタは何かしらblogの本文をチラっとでも見てからつけてもらいたいもの。
というわけで、
「ペタがblogを見てつけられたことが確実に理解るようにする」
ことでもって、それ以外でモバイル表示にもなっていないものを自動と見分けるようにします。
これだと「スマホから」というのが自動ペタと混同されてしまうのですが、
そのパタンはほとんどないのであまり気にしなくていいと思います。
あと、「なうから」っていうのも判定できないのですが、
自動で「なうから」というのはほとんどないので、これは表示通りの見立てで間違いないです。
つまり何がしたいかというと、ペタ帳についてるペタのうち、
自動でついてるどうでもいいやつをパッと見で判別できるようにしてすぐ削除できるようにする細工。
紛らわしいのも含めてわざわざプロフ見るまでもなく、サクっと削除しちゃいます。
えー、ゴキブリホイホイくらいさっぱり駆除しちゃいます。
どうせ何も見ずにペタの記録だけ残すのだから、消すほうとしても何も見ずってことでいいですよね。
で、そうするには当然ブログデザインのCSSやらプロフのフリースペースを編集するわけですが、
1.プロフィールページにある「ペタをつける」のリンクを非表示にする
2.ブログ記事下にある「ペタ」のリンクを非表示にする
3.フリープラグインでペタページにリンクする画像を入れる
って感じです。
元からあるペタの非表示の仕方は検索して調べたとおりにすればそのように消えてくれるのでいいとして、
フリープラグインのリンク、ここをどうするのかが肝になります。
私のは「とある特定のグルっぽから」になるように設定しました。
なんでかというと、わざわざそんなところからペタをするマニアックなひとは普通いないから。
メンバー一覧の、けっこうページを進めたところに自分のがあるようなので設定するがいいです。
で、ここからがさらに肝要なところですが、
そういう風にペタができるページを拾ってきたあと、
そのページの短縮URLを作成してそのURLをリンクするURLに設定します。
なんでそういう処理が必要なのかというと、
どうも世の中にあまたあるっぽい自動ペタツールの中に、
http://peta.ameba.jp/p/addPeta.do?targetAmebaId
なら何でも拾ってしまうタイプのものがあるっぽくて、
その場合単純にグルっぽからペタをつけるページのリンクを貼ったのでは意味がないから。
そんなわけで短縮URLで設定するわけです。
具体的には
<script language="javascript"><!--
$(function(){
$(".subAdBannerHeader").before(
'<div style="margin-top:7em;text-align: center;"><a href="ペタページの短縮URL"><img src="画像の元アドレス " border="0" /></a></div>'
);
});
//--></script>
こんな感じ。
変更するとこの最初のmargin~っていうのは画像を表示させるポジションのこと。
この考え方だと「ぺた!」をクリックしているのに、
全然関係ないとこに飛ばしてしまうこともできなくなくはないのですが、
それはそれでやっちまうと一発で大問題なので普通やらないってことで。
このシステムというか細工というか、機能自体はけっこう前からつけてたのですが、
GW中は時間があるにまかせて配置やら何やら変えたりしたりなんかしちゃったりして。
まあ、趣味的ですね。
全っ然こういうの詳しくないんですけど。
X∞