BOOTHのタイトル・ショップ名・URLをコピーできるブックマークレットを作りました。

バーチャル

使い方

BOOTHページで使用すると、下記の表記でコピペできます。

タイトル|ショップ名
URL

使用例

登録方法

ブックマークバーを表示する

今回はWindowsPCのChromeで解説します。

ブックマークバーはURLの下にある、画像だとツイッターアイコンとかがあるバーのことです。
表示されていない方は、画面右上の丸が3つ縦に並んだアイコンをクリック>ブックマーク>ブックマークバーを表示をクリックしてください。

ブックマークレットを追加する

ブックマークバーの上で右クリック「ページを追加」を選択。

下の文字列をコピペする

javascript:(function(func)%7Bvar scr%3Ddocument.createElement("script")%3Bscr.src%3D"%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F2.0.2%2Fjquery.min.js"%3Bscr.onload%3Dfunction()%7Bfunc(jQuery.noConflict(true))%3B%7D%3Bdocument.body.appendChild(scr)%3B%7D)(function(%24)%7Bvar url%3Dlocation.href%3Bvar flag%3D1%3Bif(url.indexOf("booth.pm")> 0)%7Bvar item_num%3Durl.slice(-7)%3Bvar url%3D"https%3A%2F%2Fbooth.pm%2Fja%2Fitems%2F" %2B item_num%3Bif(%24("h1").hasClass("bind-item-name"))%7Bvar title%3D%24(".bind-item-name").eq(0).text()%3B%7Delse if(%24("h2").hasClass("u-tpg-title1"))%7Bvar title%3D%24(".u-tpg-title1").eq(0).text()%3B%7Delse%7Balert('タイトルを取得できませんでした')%3Bflag%3D0%3B%7Dif(%24("img").hasClass("header-image"))%7Bvar shop%3D%24('.header-image').eq(0).attr("alt")%3B%7Delse if(%24("img").hasClass("at-item-summary"))%7Bvar shop%3D%24('.at-item-summary').eq(0).attr("alt")%3B%7Delse if(%24("span").hasClass("shop-name-label"))%7Bvar shop%3D%24('.shop-name-label').eq(0).text()%3B%7Delse%7Balert('ショップ名を取得できませんでした')%3Bflag%3D0%3B%7D%7Delse if(url.indexOf("fanbox.cc")> 0)%7Bvar ogp%3D%24("meta%5Bproperty%3D'og%3Atitle'%5D").attr('content').split("|")%3Bvar title%3Dogp%5B0%5D%3Bvar shop%3Dogp%5B1%5D%3B%7Delse%7Balert('このURLは使えません')%3Bflag%3D0%3B%7Dif(flag%3D%3D1)%7Bvar text%3Dtitle %2B "|" %2B shop %2B "%5Cr" %2B url%3Bvar %24textarea%3D%24('<textarea class%3D"copy_txt"><%2Ftextarea>')%3B%24textarea.text(text)%3B%24("body").append(%24textarea)%3B%24textarea.select()%3Bdocument.execCommand('copy')%3B%24textarea.remove()%3Balert("コピーしました!%5Cr" %2B text)%3B%7D%7D)%3Bvoid(0);

URLの箇所にコピペしてください。

ワンクリックでコピペ!

できる!!

変換前のコードも載せておきます。(上に書いていませんが実はfanboxにも対応しています)
ブックマークレット変換するときは↓お使いください。
https://ytyng.github.io/bookmarklet-script-compress/

(function(func) {
  var scr = document.createElement("script");
  scr.src = "//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js";
  scr.onload = function() {
      func(jQuery.noConflict(true));
  };
  document.body.appendChild(scr);
})(function($) {
  var url = location.href;
  var flag = 1;

  if (url.indexOf("booth.pm") > 0) {
    var item_num = url.slice(-7);
    var url = "https://booth.pm/ja/items/" + item_num;
   
    if ($("h1").hasClass("bind-item-name")) {
      var title = $(".bind-item-name").eq(0).text();
    } else if ($("h2").hasClass("u-tpg-title1")) {
      var title = $(".u-tpg-title1").eq(0).text();
    } else {
      alert('タイトルを取得できませんでした');
      flag = 0;
    }

    if ($("img").hasClass("header-image")) {
      var shop = $('.header-image').eq(0).attr("alt");
    } else if($("img").hasClass("at-item-summary")) {
      var shop = $('.at-item-summary').eq(0).attr("alt");
    } else if($("span").hasClass("shop-name-label")){
      var shop = $('.shop-name-label').eq(0).text();
    } else {
      alert('ショップ名を取得できませんでした');
      flag = 0;
    }
  } else if (url.indexOf("fanbox.cc") > 0) {
    var ogp = $("meta[property='og:title']").attr('content').split("|");
    var title = ogp[0];
    var shop = ogp[1];
  } else {
    alert('このURLは使えません');
    flag = 0;
  }

  if (flag == 1) {
    var text = title + "|" + shop +  "\r" + url;
    var $textarea = $('<textarea class="copy_txt"></textarea>');
    $textarea.text(text);
    $("body").append($textarea);
    $textarea.select();
    document.execCommand('copy');
    $textarea.remove();
    alert ("コピーしました!\r" + text);
  }
});

さいごに

楽ちん!!
コーデアイテムをツイートにぶら下げておくと、ショップさんにも届きやすいし、コーデをみてアイテムに興味を持った人も真似しやすいし、自分であれなんだっけなというときにも検索しやすいしでいい事だらけです。ぜひ使ってみてください。

コメント

タイトルとURLをコピーしました