楽天ブログ見る人へ:ジャマ広告消しブックマークレット

フロントエンド(HTML/CSS/JavaScript)

楽天ブログ、広告ウザすぎないか?

必要があって楽天ブログを見たけど、広告がウザすぎて非常に見づらい。
用事がなければ、秒で消したくなるほどだよ!

もはや広告がウザすぎて読ませる気があるのか怪しい

楽天はブログでアクセス集める気はないのかもしれない。
もうすぐなくなるんじゃないか?

さておき

そんなウザい楽天ブログから広告を消します

読む人用のものなので、サイトには置けないよ
ブックマークレットの使い方については、以下を見てください。

ブックマークレットを作ってデバッグしたいんじゃ
ブラウザで見ている画面を動かす歴戦ブックマークレット使ってる?ブックマークレット (Bookmarklet) とは?ユーザーがウェブブラウザのブックマークなどから起動して、ウェブブラウザで簡単な処理を行う簡易的なプログラム。使っていて「足り...

楽天ブログ見る人用の広告消しブックマークレット

javascript:(function(){
  /* 対象が増減したらここを変更してください */
  const divSelectors = [
    'div.GoogleActiveViewInnerContainer',
    'div.GoogleActiveViewElement',
    'div#RGPT_Rak_Blog_User_SideBanner2',
    'div#interstitial-popup',
    'div#taboola-below-article-thumbnails-desktop'
  ];
  let removedDivs = 0;
 
  divSelectors.forEach(selector => {
    const el = document.querySelector(selector);
    if (el) {
      el.remove();
      removedDivs++;
    }
  });
 
  /* 横の付いてくるPR広告 */
  const stickyContainer = document.querySelector('div#content-sticky');
  let removedTable = 0;
 
  if (stickyContainer) {
    const table = stickyContainer.querySelector('table');
    if (table) {
      table.remove();
      removedTable = 1;
    }
  }
  
  /* 付いてくるCSSスタイルの無効化追加 */
  const style = document.createElement('style');
  style.innerHTML = `.contentFixed { position:relative!important; top:auto!important; }
			.contentFixedRemoved { position:relative!important; top:auto!important; }
			body { overflow: auto!important; }`;
  document.head.appendChild(style);

  /* ↓を表示すると、何個消えたかわかります。*/
  /*  alert(`削除完了:DIV ${removedDivs}個、TABLE ${removedTable}個`); */
})();
タイトルとURLをコピーしました