« 救命病棟24時・第7話 | トップページ | エフティ資生堂・フィーノ(fino)のCM・2 »

2005.02.24

ココログ・トラックバックURLをコピーするスクリプト

記事のトラックバックURL(例:「http://app.cocolog-nifty.com/t/trackback/9999999」)を、専用ボタンの押下によってクリップボードへコピーするスクリプト(JavaScript)を作成してみました。「ココログ」と「SeesaaBLOG」の2種類用意しています。

○スクリプトの使用可能環境

IE(Internet Explorer)限定。他のブラウザでは不可能・・・。 (^_^;)

○スクリプトの設置方法[ココログ版]

ココログにログインして「マイリスト」を開き、
「リストのタイプ」が「リンク」型のリストを新規作成します。
(既に作成済みの方はそれを代用しても構いません)

マイリストのメイン画面の「設定の変更」で、
「2.高度な設定」の「メモの表示」の設定を、
「テキスト表示」にして「変更を保存」ボタンを押下します。

マイリストのメイン画面の「項目の追加」で、
「タイトル」と「URL」には何も記入しないまま、
「メモ」に次の一文を貼り付けて「追加」ボタンを押下します。

<script type="text/javascript" src="http://adstv-web.cocolog-nifty.com/studio/files/cocolog_tburlcopy.js"></script>

※ココログベーシック(会員無料)で確認済みです。

○スクリプトの設置方法[SeesaaBLOG版](2005/03/04更新)

サービス提供外のコンテンツを追加するため、
サイドバーに「自由形式」を用意してください。
(既に作成済みの方はそれを代用しても構いません)

解説URL:「本サービス提供外のコンテンツを追加したい」
【 http://blog-help.seesaa.net/article/1606687.html 】

「自由入力欄」に次の一文を貼り付けて保存してください。

<script type="text/javascript" src="http://adstv-web.cocolog-nifty.com/studio/files/seesaa_tburlcopy.js"></script>

※気になっているのは、「文字化け」と「速度性能」の2点。
SeesaaBLOGって、標準文字コードがShift-JISなんですね?
ココログ版はUTF-8(Unicode)なので、流用したらいきなりバグった(笑)。
文字コードを確認して反映したので、良いと思いますが・・・。

○設置の注意事項[共通](2005/03/06更新)

必ず、トラックバックURLの表記より後の位置に設置してください!

--------
(ソース先頭)

(左サイドバー等)
<スクリプト設置(先頭)> ← ×これは正しくない設置例

(記事本文部)
[トラックバックURL(http://~)]

<スクリプト設置(右サイドバー等)> ← ○これが正しい設置例

(ソース最後)
--------

ソースを表示させた時に、以上のようになっていればOKです。
つまりblogの構成上、右サイドバーが必要になるかもしれませんね。
これは、設置しただけで使えるようにするための、唯一の約束事になります。

以上で完了です。ブラウザで記事を開いてみてください。
「トラックバック」部分のトラックバックURLの下に、
「トラックバックURLをコピー」というボタンが現れましたでしょうか?
試しにボタンを押下すると、トラックバックURLがコピーされ、
また正常に貼り付けまでできましたでしょうか?

○スタイルシートの定義について(2005/03/06更新)

スタイルシートの定義により、ボタンのデザインを変更できます。

(定義例・定義ファイル[????.css]に直書き)

#tburl-button {
font-size: 8pt;
color: #000000;
background: #FFFFFF;
border: 1px solid #003399
}

(定義例・設置位置の直前に定義を記述)

<style type="text/css">
<!--
#tburl-button {
font-size: 8pt;
color: #000000;
background: #FFFFFF;
border: 1px solid #003399
}
-->
</style>

それでは、レッツ“ボタンプッシュ”!

|

« 救命病棟24時・第7話 | トップページ | エフティ資生堂・フィーノ(fino)のCM・2 »

コメント

あずさんこんにちは。
このスクリプトいいですね~
これって、やっぱりココログだけなんですか?
私は、seesaaBlogなんですけど
設置は、無理かなぁ・・。

投稿: まりこ@「どらまにあ」 | 2005.02.26 09時35分

試用報告ありがとう! ちゃんとコピーできました? このスクリプトはココログ専用だけど、SeesaaBLOG版もちょっと作ってみましょうか? 設置自体はそちらのサービスならできるはずです。まりこさんには、軽く試用レポートをお願いするかもしれないけどね(笑)。

投稿: ads(あず)@管理人 | 2005.02.27 14時48分

あずさんこんばんは!
ちゃんと使えますよ~
seesaaでもできるんですか??
実は、スタイルシート関連はほとんど無知に
近い状態で・・(汗)
試用レポートOKですよ!
もし設置できたら、seesaaで、宣伝させてもらいます!(笑)

投稿: まりこ@「どらまにあ」 | 2005.02.28 00時15分

まりこさん、試用&ご協力の話、ありがとう! スタイルシートでボタンデザインもカスタマイズできたら良いですね。それは検討してみます。スクリプトの設置はBlogPetと同じようにやれば良いはずだから、そう難しくないと思います。一応予習しておいてくださいね。

最近まとまった時間が取りにくく、作業が全般的に遅れているので、もうしばらく待っていてください!

投稿: ads(あず)@管理人 | 2005.03.01 01時22分

あずさん、こんにちは。
便利な機能ですね!
試してみたんですが、なぜか表示されず。
まりこさん、成功したら教えてくださいませ。

投稿: ちーず | 2005.03.06 11時13分

ちーずさん、試用のご協力ありがとうございます! 

大事なことを伝え忘れました! このスクリプトは「設置するだけで使えるもの」として作ってあって、HTML内で機能(関数)を呼び出すことを必要としません。そのため、設置について1つ注意点があるんです。

こういうタイプのスクリプトの場合、ソース(HTML)上の設置位置より前しか対象にならないんですね。例えば一番上に設置すると、それ以下は対象にならないんです。つまりこの機能を動作させるためには、なるべく下の方に設置する必要があります。具体的に言えば、トラックバックURLの表記より後。記事部分後のサイドバーが最適です。だからblogの構成上、右サイドバーが必要になるかもしれませんね。

--------
(ソース先頭)

トラックバックURL
<スクリプト設置(右サイドバー内)>

(ソース最後)
--------
こうなっていればOKです。これで試してください。記事にもこの注意点を追加しておきます。

設置するblogの管理者には直接的な利点が無いかもだけど、遊びに来てくれる人には便利と思われる機能として作りました。じっくり評価してくださいね!

投稿: ads(あず)@管理人 | 2005.03.06 19時11分

あずさんおはようございます!
設置できましたーー!!!!
もう感動してます!!(笑)
しかも、ほんとにスクリプトを右サイドバーにつける
だけでいいんですね!!
しっかり宣伝させてもらいます♪♪

投稿: まりこ@「どらまにあ」 | 2005.03.08 10時05分

あずさん、こんばんは。
私も無事設置出来ました!
よそのブログでTBするときに、便利だな~と
思っていたので、とても嬉しいです。

最初、新たなメモ帳を作り、一番上につけてみたのが失敗でした。
教えてくださりありがとうございます!

投稿: ちーず | 2005.03.08 22時46分

>まりこさん

無事動いたようで、まずはホッとしました! すぐに使えるプラグインを意識して作ったので、注意点はあるけど設置は割と楽にできたと思います。まだしばらくは処理を調整するので、問題があったら報告してくださいね。宣伝してくれるの? うれしいなあ~! どのblogサービスでもできる限り対応させるのが強みです(笑)。

>ちーずさん

説明不足があったけど、その後無事設置できたようで良かったです! トラックバックを送る人のためのスクリプトだけど、設置してくれてありがとうございました。私もココログ用以外のスクリプトを初めて作った過程で、blogサービス間の違い等を知れて勉強になりましたよ!

お二方へ。スタイルシートの定義ファイル(css)を直接編集するか、設置位置のすぐ上等にスタイル定義(styleタグで囲ったもの)を記述すれば、ボタンのデザインも変えられます。また変えてみたいと思ったら挑戦してみてくださいね!

投稿: ads(あず)@管理人 | 2005.03.09 01時56分

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/15963/3067188

この記事へのトラックバック一覧です: ココログ・トラックバックURLをコピーするスクリプト:

» トラックバックURLをコピーするスクリプト(seesaa版) [どらまにあ]
TBをする時に、ボタン1つでコピーができたら・・ 他のサイトで見かけたことがあって便利だなと思っていたところ あすスタさんが作ってくださいました!! 参考にさせ... [続きを読む]

受信: 2005.03.09 18時09分

» トラックバックURLのコピペを簡単に [お気楽極楽ブログ]
MovableTypeに限らずですが、、、 トラックバックURLをコピ... [続きを読む]

受信: 2005.03.24 23時47分

« 救命病棟24時・第7話 | トップページ | エフティ資生堂・フィーノ(fino)のCM・2 »