Flickrの著作権表示リンクをつくるbookmarklet Part.2
写真投稿サイトである「flickr」には Creative Commons ライセンスのものも多くあって、それらは条件付きながら、ブログやいろいろなものに利用することができます。
以前これらの写真を使うために必要な 「クレジット表記」用のリンクタグを生成する bookmarklet を紹介したのですが、flickr の HTML が少し変わっていたので、新しくしました。
実際にこの記事の↑の写真でも flickr から拝借したので、右下にクレジット表記がでていると思います。
Creative Commons ライセンスの画像を探す
flickr では、検索条件に Creative Commons ライセンス、あるいはもっと細かく許可/禁止されている行為を選択して、写真を検索できます。
ブックマークレット
詳細は下のほうを見ていただくとして、早速ブックマークレットです。
▼のアイコンをブラウザーのブックマークバーにドラッグ&ドロップしてください。
登録できたら、flickr の写真のページを適当に開いて、追加したブックマークレット(flickrAttr)をクリックしてください。
ダイアログに a タグが表示されていると思うので、それをコピーしてください。
ソースコード
一応ソースコードも載せておきます。バグあったら教えてください。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
var title, url; var metas = document.getElementsByTagName('meta'); for (i = 0; i < metas.length; i++) { if (metas[i].getAttribute('name') == 'og:title'){ title = metas[i].getAttribute('content'); break; } } var links = document.getElementsByTagName('link'); for (i = 0; i < links.length; i++) { if (links[i].getAttribute('rel') == 'canonical'){ url = links[i].getAttribute('href'); break; } } if (title && url && url.match(/flickr.com\/photos\/([^\/]+)\//)) { var text = '<a href="' + url + '">' + title + ' / ' + RegExp.$1 + '</a>'; window.prompt('Copy the following code', text); } |
Creative Commons ライセンスについて(再掲)
CC ライセンスには下記の 4 種類があり、これらの組み合わせで作品(写真)の使用条件が表示されています。今回の bookmarklet は1番目の Attribution(表示)のために使います。
Attribution [表示] : 作品のクレジットを表示すること。flickr の場合、作者の名前と作品名、および作品へのリンクをはること。
No Derivative Works [改変禁止] : 元の作品を改変しないこと
Non Commercial [非営利] : 営利目的での利用をしないこと
Share Alike [継承] : 元の作品と同じ組み合わせの CC ライセンスで公開すること
最後までお読みいただきありがとうございました m(_ _)m