Hatena::Groupptech

ぷちてく RSSフィード

Archive
 
ProfileProfile

2016-02-08

Tumblrのリンクを元URLに戻すの書いた

06:01

どーもこんちわ。久々にTumblr覗いたら外部リンクが t.umblr.com という おかしなリダイレクタ挟むようになってた。

リンクのコピー/DnDが不便だし滅茶苦茶気持ち悪い。Yahoo何考えてるんだ。具体的に書くと、 http://sports.yahoo.com/woj これしかないURLが下みたいなモンスターになる。

http://t.umblr.com/redirect?z=http%3A%2F%2Fsports.yahoo.com%2Fthevertical&t=ZDNlOWFkMzk4NjhhZmQwNGM0NDk3NDQ3YTkxMzM0ZGU5NGVkZTcxYiwxUk91ZmFyRQ%3D%3D

外部リンク全部この仕様にすり替わってる。poopですね。早速リダイレクタ消して綺麗にするjs書いた。

UserScript

ユーザースクリプトインストールここから。ページング対応。

ソース見たい人・Forkしたい人・★付けたい人。

名前迷ったけど結局「たんぶろっく」とテキトーなのになった。

Tumblr持ってる人

js貼れると思うので、サイト側設定でUserScriptの中身コピペしとけば勝手にリンクまともになるはず。使いやすいように CC0 にしておいた。

ES6|2015 実装なので動かないって人はForkして直して下さい。

rawgit CDN 使うとscriptタグ貼るだけで楽だと思ったけど、残念ながら変換されないのでボツ。今のGist URLに対応してない気がする。

現状こんな感じ。ここからコピペすると古い可能性ある。

// t.um block; detox t.umblr.com link on tumblr.com
// https://gist.github.com/noromanba/76a3d7791cf6eaf1c94c
// http://ptech.g.hatena.ne.jp/noromanba/20160208/1454965267
(() => {
    'use strict';

    const detox = (ctx) => {
        if (!ctx.querySelectorAll) return;

        Array.from(ctx.querySelectorAll([
            'a[href^="http://t.umblr.com/redirect?z="]',
            'area[href^="http://t.umblr.com/redirect?z="]'
            //'[src^="http://t.umblr.com/redirect?z="]'
        ]), link => {
            // redirector syntax;
            // http://t.umblr.com/redirect?z=<ENCODED_URL>&t=<66_DIGIT_HASH>%3D%3D
            const url = (new URL(link.href).search.match(/(?:\?|&)z=([^&]+)/) || [])[1];
            link.href = decodeURIComponent(url);
        });
    };
    detox(document.body);

    new MutationObserver(records => {
        records.forEach(record => {
            detox(record.target);
        });
    }).observe(document.body, { childList: true, subtree: true });
})();
remove t.umblr.com redirector from links on Tumblr for UserScript/Bookmaklet ? GitHub

ショートコード気味。ちなみにjs切って閲覧するとこいつは動かないけど、リンクは普段通り汚いやつが出る。サーバ側でやってるんでしょう。最悪ですね。

Bookmarklet

たまに見る人用のブックマークレット

t.um block - Hatena::Let

関連

google:"t.umblr.com" とか検索したけど役立つ情報が少なすぎて導入経緯良くわからなかった。Youtubeと違って一旦警告出て止まるわけでもないので、トラッキングアクセス解析ブロックの回避とかだと思う。書いてから思ったけど t.co のように名目上のフィルタ目的かも。

最近なったのかな。


google:"t.umblr.com" link redirect で、2016-01-22の日本語記事が出てきた。

httpsでもhttpのリダイレクタ入れるのか・・。


あまりにも日本語情報少ないのと公式アナウンスが見つからなくて不気味。

トラックバック - http://ptech.g.hatena.ne.jp/noromanba/20160208

Copylight (c) noromanba 2012-2017