[再] Bloggerのクラシックテンプレート(FTP公開)でもラベル一覧を表示したい

以前にBloggerのクラシックテンプレート(FTP公開)でもラベル一覧を表示する方法を紹介したのですが、不具合が発見されたので再エントリーします。

発見された不具合は、ラベル名にスペースがある場合マルチバイト文字と誤判定しBase64エンコードしてしまうというものです。

URLエンコードした際に"%"の有無で判定していたのですが、これではスペース(%20)等の記号を含む場合にうまくありません。

そしてさらに、Bloggerという文字列がラベルに含まれていた場合、Base64エンコードではなく、URLエンコードになるという現象も確認しました。

Bloggerという単語以外にも発生するのかは不明です・・・。だれか詳しい方教えてください（泣

というわけで、修正版は下記からお願いいたします。折角ですので、コード生成機を作成しました。

当記事を参考にされた方、すみませんでした！お手数ですが、修正をお願いいたします。

なお、前回同様下記コードの実行には別途Base64エンコードのライブラリが必要です。

Free code and tutorialsにある、Javascript base64 encoding等を予め、読み込ませる必要がありますので、ご注意ください。

Update:

2008/01/29現在、http://www.blogger.com/feeds/UserID/blogs/BlogID?alt=json-in-script&callback=listLabelsというリクエストでエラーが帰ってきてしまいます。

調べてみると、同じ現象にあっている人がいるようですが、残念ながら解決策はまだないようです。

Public Metafeed Callback Error - Blogger Data API | Google グループ

※中桐 秀起さん、コメントありがとうございます！

Blogger Data APIが変更になって、Google AJAX APIからmetafeedを取得するようになった気がするのですが、既存のコードをあまり修正しないように対応してみます。

単純に、全ポストデータを取得しラベルを抽出します。

しかしながら、ラベルを取得するのに、全フィードを取得しなければいけないので、もっとスマートなやり方があれば是非お知らせください！

Update2:

http://www.blogger.com/feeds/UserID/blogs からは、callbackが使えるようなので、ユーザのブログ情報を取得し、指定のBlogIDのCategory（ラベル）を表示するように修正しました。

コードは下記の生成機より、取得できます。

念のためこれまでのコードは、[Genarate old]から取得できます。

ラベルリスト生成機

UserID:		プロフィールページのURLの最後等 例)http://www.blogger.com/profile/08755644619888194912
BlogID:		投稿画面URLの最後等 例)http://www.blogger.com/posts.g?blogID=1303966254927872449
ベースURL:		ラベルディレクトリのURLまたはパス
タイトル:		リストのタイトル
FTP公開:		FTP公開モードの場合チェック

    

<br /><div id="labelList"></div><br /><script type="text/javascript"><br />function listLabels(root){<br /> var blogId = '%BlogID%';<br /> var baseURL = '%baseURL%';<br /> var baseHeading = "%baseHeading%";<br /> var isFTP = %isFTP%;<br /> var llDiv = document.getElementById('labelList');<br /> var h2 = document.createElement('h2');<br /> h2.className = 'sidebar-title';<br /> var h2t = document.createTextNode(baseHeading);<br /> h2.appendChild(h2t);<br /> llDiv.appendChild(h2);<br /> var ul = document.createElement('ul');<br /> ul.id = 'label-list';<br /> var regBlogId = new RegExp(/blog-(\d+)/);<br /> var labelSort = new Array();<br /> for (var i in root.feed.entry) {<br /> var entry = root.feed.entry[i];<br /> if (regBlogId.test(entry.id['$t']) && blogId == entry.id['$t'].match(regBlogId)[1]) {<br /> for (var p in entry.category) {<br /> var category = entry.category[p];<br /> labelSort[labelSort.length] = category.term;<br /> }<br /> break;<br /> }<br /> }<br /> labelSort.sort();<br /> for (var r=0; r < labelSort.length; r++){<br /> var li = document.createElement('li');<br /> var a = document.createElement('a');<br /> var label = new String(labelSort[r]);<br /> var l = encodeURIComponent(label);<br /> if (isFTP) {<br /> if (label.indexOf('Blogger') >= 0) {<br /> l = l.replace(/%/g, '=');<br /> } else if (encodeURIComponent(label.replace(/[!-~\s]/g, '')).indexOf('%', 0) >= 0) {<br /> l = Base64.encode(new String(label));<br /> l = l.replace(/\//g, "__");<br /> }<br /> }<br /> a.href = baseURL + l +'.html';<br /> a.innerHTML = label + ' ';<br /> li.appendChild(a);<br /> ul.appendChild(li);<br /> abnk = document.createTextNode(' ');<br /> ul.appendChild(abnk);<br /> }<br /> llDiv.appendChild(ul);<br />}<br /></script><br /><script type="text/javascript" src="http://www.blogger.com/feeds/%UserID%/blogs?alt=json-in-script&callback=listLabels" ></script><br />
<br /><div id="labelList"></div><br /><script type="text/javascript"><br />function listLabels(root){<br /> var baseURL = '%baseURL%';<br /> var baseHeading = "%baseHeading%";<br /> var isFTP = %isFTP%;<br /> var llDiv = document.getElementById('labelList');<br /> var entry = root.entry;<br /> var h2 = document.createElement('h2');<br /> h2.className = 'sidebar-title';<br /> var h2t = document.createTextNode(baseHeading);<br /> h2.appendChild(h2t);<br /> llDiv.appendChild(h2);<br /> var ul = document.createElement('ul');<br /> ul.id = 'label-list';<br /> var category = entry.category;<br /> labelSort = new Array();<br /> for(p in category){<br /> labelSort[labelSort.length] = [category[p].term];<br /> }<br /> labelSort.sort();<br /> for (var r=0; r < labelSort.length; r++){<br /> var li = document.createElement('li');<br /> var a = document.createElement('a');<br /> var label = new String(labelSort[r]);<br /> var l = encodeURIComponent(label);<br /> if (isFTP) {<br /> if (label.indexOf('Blogger') >= 0) {<br /> l = l.replace(/%/g, '=');<br /> } else if (encodeURIComponent(label.replace(/[!-~\s]/g, '')).indexOf('%', 0) >= 0) {<br /> l = Base64.encode(new String(label));<br /> l = l.replace(/\//g, "__");<br /> }<br /> }<br /> a.href = baseURL + l +'.html';<br /> a.innerHTML = label + ' ';<br /> li.appendChild(a);<br /> ul.appendChild(li);<br /> abnk = document.createTextNode(' ');<br /> ul.appendChild(abnk);<br /> }<br /> llDiv.appendChild(ul);<br />}<br /></script><br /><script type="text/javascript" src="http://www.blogger.com/feeds/%UserID%/blogs/%BlogID%?alt=json-in-script&callback=listLabels" ></script><br />