sidebar.jp FAQ

2004.10.24

「アクセスの多いページ」のタイトルを調整する

「アクセスの多いページ」では、貼り付けられたページの title 要素の内容を表示します。
このとき、デフォルトでは ":" や "："(全角)の右側だけを表示するようになっています。これは、比較的多くのブログシステムが、記事ページにおいて「ブログ名：記事名」のような表記になっているためです。

しかし、貼り付けるページによってはこの処理が行われると困るケースがあります。たとえば「記事名：ブログ名」のような表記にしていたり、あるいは区切りが ":" ではなかったりする場合です。

このような場合は、貼り付けたスクリプトに手を加えることで、サイトごとに異なるタイトル取得方法を使うことができます。

---

editTitle という関数を一緒に貼り付けることでこの問題に対応できます。たとえば以下を、元の HTML の上に貼り付けておくと、「記事名：ブログ名」のような表記の場合に記事名だけを抽出できます。

<script type="text/javascript">
function editTitle(title) {
    var i = title.lastIndexOf(":");
    //                         ↑ ここに区切り文字を書く。この場合は :
    if (i > 0) return title.substring(0, i);
    return title;
}
</script>
ここにもともとの HTML を貼る。

以下のようにすると、「ブログ名|タイトル」のように ":" 以外で区切られているものに対応できます。

<script type="text/javascript">
function editTitle(title) {
    if (title.match(/[|]\s*/)) return RegExp.rightContext;
    //                ↑ ここに区切り文字を書く。この場合は |
    return title;
}
</script>
ここにもともとの HTML を貼る。

以下のようにすると、title タグの内容を編集しなくなります。

<script type="text/javascript">
function editTitle(title) {
    return title; // 編集せずにそのまま返す
}
</script>
ここにもともとの HTML を貼る。

ちなみにデフォルトのタイトル抽出処理は以下のようになっています。

    if (title.match(/[：:]\s*/)) return RegExp.rightContext;
    return title;

(追記)
title タグが固定で記事タイトルが取得できない場合でも、たとえば記事タイトルに id 属性が付いている場合などは、以下のようにすると取得することができます。

<script type="text/javascript">
function editTitle(title) {
    var e = document.getElementById("etitle");
    if (e) title = e.innerText;
    return title;
}
</script>
ここにもともとの HTML を貼る。

このあたりは、お使いのブログシステムの設定しだいですので分からない場合は聞いてくださいませ。

2004.10.24 14:35 [ちょっとしたコツ] | PermaLink

トラックバック

この記事のトラックバックURL: