So-net無料ブログ作成
検索選択
RSS [RSS1.0] [RSS2.0]

ついっぷる、Twilog、favologをTwitter公式埋め込み表示に変えるブックマークレット

 ついっぷる、Twilog、favolog内のツイートをTwitter公式の埋め込み表示に変えるためのブックマークレットを作った。例えば、Twitter公式のホームタイムラインではツイートの取得漏れがあって見逃してしまうのでついっぷるを使いたいけれど画像を確認する手間が面倒な場合に、ついっぷる内でTwitter公式の埋め込み表示に変えちゃえば楽になる。Twilog、favologでは必要なツイートを検索した後に、Twitterカードによるリンク先の情報も一度に確認したいなど、Twitter公式の表示でしか見られないものをTwitter公式ページを開かずに見ることができる。

埋込表示(元のツイートを含める場合)
埋込表示(元のツイートを含めない場合)

 それぞれのソースは次の通り。見やすいように改行やスペースを追加した。また、ついっぷる、Twilog、favologの仕様変更で、このブックマークレットは使えなくなる可能性もあるので、注意が必要。

元のツイートを含める場合

javascript:
(function(){
var url=document.location.href;
switch(url.split("/")[2]){
    case "twilog.org":
        var tweetclass="tl-tweet";
        var linkclass="tl-posted";
        var turn=0;
    break;
    case "favolog.org":
        var tweetclass="tl-tweet";
        var linkclass="rtime";
        var turn=0;
    break;
    case "twipple.jp":
        var tweetclass="tweetBox";
        var linkclass="tweetBottomInfo";
        var turn=0;
    break;
}
var script=document.createElement("script");
script.src="//platform.twitter.com/widgets.js";
script.charset="utf-8";
script.async="async";
document.body.appendChild(script);
var gettweet=document.getElementsByClassName(tweetclass);
for(var i=0;i<gettweet.length;i++) {
    var link=gettweet[i].getElementsByClassName(linkclass)[0];
    if(typeof link!=="undefined") {
        var id=gettweet[i].getAttribute("id");
        link=link.getElementsByTagName("a")[turn].outerHTML;
        document.getElementById(id).innerHTML='<blockquote class="twitter-tweet" data-lang="ja">'+link+'</blockquote>';
    };
};
alert("There are "+i+" tweets.");
})();

元のツイートを含めない場合

javascript:
(function(){
var url=document.location.href;
switch(url.split("/")[2]){
    case "twilog.org":
        var tweetclass="tl-tweet";
        var linkclass="tl-posted";
        var turn=0;
    break;
    case "favolog.org":
        var tweetclass="tl-tweet";
        var linkclass="rtime";
        var turn=0;
    break;
    case "twipple.jp":
        var tweetclass="tweetBox";
        var linkclass="tweetBottomInfo";
        var turn=0;
    break;
}
var script=document.createElement("script");
script.src="//platform.twitter.com/widgets.js";
script.charset="utf-8";
script.async="async";
document.body.appendChild(script);
var gettweet=document.getElementsByClassName(tweetclass);
for(var i=0;i<gettweet.length;i++) {
    var link=gettweet[i].getElementsByClassName(linkclass)[0];
    if(typeof link!=="undefined") {
        var id=gettweet[i].getAttribute("id");
        link=link.getElementsByTagName("a")[turn].outerHTML;
        document.getElementById(id).innerHTML='<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja">'+link+'</blockquote>';
    };
};
alert("There are "+i+" tweets.");
})();


nice!(0)  コメント(0)  トラックバック(0) 
カテゴリー:ツイッターを見て
共通テーマ:パソコン・インターネット

読者の反応

nice! 0

sonet-asin-area

コメント 0

コメントを書く 

お名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。
captcha

トラックバック 0

この記事のトラックバックURL:
※言及リンクのないトラックバックは受信されません。