MT4iに2つのソーシャルメディアクリップを設置する方法
BBBLOGでは携帯向けの変換スクリプト、MT4iを使っていて、携帯からのアクセスはそちらに振り分けている。厳密にはMT4iのXHTMLコーディング対応改変版「MT4i3.0.8X1」を使っている。テンプレートもBlack × Pinkを使わせてもらっていたが、ちょっと自分用には不具合があったので、mixiとGREEの2つのソーシャルメディアクリップを追加したので記事にしておく。
mixiチェックの追加
以下をindividual.tmplに追加。
<form action="http://m.mixi.jp/share.pl?guid=ON" method="POST" ><input type="hidden" name="check_key" value="
****************************************" /><input type="hidden" name="title" value="mixi" /><input type="hidden" name="primary_url" value="<TMPL_VAR NAME="ENTRY_ORIGINAL_URL">" /><input type="hidden" name="mobile_url" value="<TMPL_VAR NAME="ENTRY_ORIGINAL_URL">" /><input type="submit" value="mixiチェック" /></form>
****************************************は、ご自身のアクセスキーに。
GREE Social Feedbackの追加
以下をindividual.tmplに追加。
<a href="http://m.gree.jp/?mode=share&act=write&url=<TMPL_VAR NAME="ENTRY_URL_ENCODE_ORIGINAL_URL”>&guid=ON"><img src="http://i.share.gree.jp/img/share/button/btn_iine_20.png"></a>
個人好みでテンプレート類で修正したところ
link rel="canonical"を追加
header.tmpl
<TMPL_IF NAME="MODE_INDIVIDUAL"><link rel="canonical" href="<TMPL_VAR NAME="ENTRY_ORIGINAL_URL">" /></TMPL_IF>
noindex
header.tmpl
<TMPL_UNLESS NAME="MODE_INDEX"><TMPL_UNLESS NAME="MODE_INDIVIDUAL"><meta name="robots" content="nofollow, noindex" /></TMPL_UNLESS></TMPL_UNLESS>
index以外はnofollowになっていたが、indexとindividual以外をnofollowとnoindexにした。スペルミスを修正
index.tmpl
<div style="text-align:center;"><img src="./img/header.jpg" alt="Brack x Pink" width="240" height="72" /></div>
Blackにした。
<div style="text-align:center;"><img src="./img/header.jpg" alt="Black x Pink" width="240" height="72" /></div>
タグの不足を追加
index.tmpl
<div style="text-align:right;"><span style="font-size:xx-small;"><TMPL_VAR NAME="ICON_CLOCK">(<TMPL_VAR NAME="ENTRY_CREATED_ON">)<span style="color:#ff0066;"><TMPL_VAR NAME="ENTRY_COMMENT_CNT"></span><span style="color:#00CC00;"><TMPL_VAR NAME="ENTRY_PING_CNT"></span></div>
<span>がひとつ足りない?
<div style="text-align:right;"><span style="font-size:xx-small;"><TMPL_VAR NAME="ICON_CLOCK">(<TMPL_VAR NAME="ENTRY_CREATED_ON">)<span style="color:#ff0066;"><TMPL_VAR NAME="ENTRY_COMMENT_CNT"></span><span style="color:#00CC00;"><TMPL_VAR NAME="ENTRY_PING_CNT"></span></span></div>
ブログ名をトップページへのリンクに。
index.tmpl
<h1><span style="color:#000000;"><TMPL_VAR NAME="BLOG_LOGO"></span></h1>
リンクを追加。
<h1><span style="color:#000000;"><a href="mt4i.cgi"><TMPL_VAR NAME="BLOG_LOGO"></a></span></h1>
トップURLのタグがどれか良くわからなかったので、"mt4i.cgi"を直書き。複数のBLOG IDがある人は気をつけて。アクセスキーの絵文字表示をやめた
気がついたら携帯絵文字が表示されていない。自分の携帯(docomo N02B)が対応していないのか、CHTMLからxhtmlになったからダメなのか検証してない。他の携帯では表示されているので、携帯固有の問題らしい。
MT4iのaccesskeyに使っている携帯絵文字表示を少し改造するにて対応内容について書き直しました。下記のコードはdocomoとauで絵文字表示を無効にするもの。
mt4i.cgi
if ($cfg{AccessKey} eq "yes") {
for (my $i = 1; $i <= 10; $i++) {
if ($i < 10) {
$akstr[$i] = " accesskey=\"$i\"";
} else {
$akstr[0] = " accesskey=\"0\"";
}
}
$akstr[10] = " accesskey=\"*\"";
$akstr[11] = " accesskey=\"#\"";
if ($ua eq "i-mode" || $ua eq "ezweb") {
# i-mode 及び EZweb
$mt4ilinkstr = $cfg{Ainori_Str_i};
$ExitChtmlTransStr = $cfg{ECTrans_Str_i};
for (my $i = 1; $i <= 10; $i++) {
if ($i < 10) {
my $code = 63878 + $i;
# $nostr[$i] = "&#$code;";
$nostr[$i] = "[".$i."]";
} else {
# $nostr[0] = "戀";
$nostr[0] = "[0]";
}
}
$nostr[10] = "[*]";
# $nostr[11] = "礪";
$nostr[11] = "[#]";
# 時計アイコン
# $clock_icon = "丹";
$clock_icon = "@ ";
} elsif ($ua eq "j-sky") {
# J-SKY
$mt4ilinkstr = $cfg{Ainori_Str_j};
$ExitChtmlTransStr = $cfg{ECTrans_Str_j};
$nostr[1] = "\x1B\$F<\x0F";
$nostr[2] = "\x1B\$F=\x0F";
$nostr[3] = "\x1B\$F>\x0F";
$nostr[4] = "\x1B\$F?\x0F";
$nostr[5] = "\x1B\$F@\x0F";
$nostr[6] = "\x1B\$FA\x0F";
$nostr[7] = "\x1B\$FB\x0F";
$nostr[8] = "\x1B\$FC\x0F";
$nostr[9] = "\x1B\$FD\x0F";
$nostr[0] = "\x1B\$FE\x0F";
$nostr[10] = "[*]";
$nostr[11] = "\x1B\$F0\x0F";
# 時計アイコン
$clock_icon = "\x1B\$GN\x0F";
}
}
※2010/09/21 : MT4iのaccesskeyに使っている携帯絵文字表示を少し改造する の記述を追加。