ろぼいんブログ
更新：

ClearURLsでプライバシー保護！追跡URLを自動削除する拡張機能

インターネット上でのプライバシー保護は大きな話題です。Webを見ているとき、オンラインでの行動を追跡するための要素を含むURLに頻繁に遭遇することがあります。

そんなときに便利な「ClearURLs」のインストール方法や使い方を解説します。

ClearURLsとは？

ClearURLsのストアページのスクリーンショット
画像： ClearURLsのストアページ

ClearURLsは、インターネットでのプライバシーを保護するために、URLから追跡要素を自動的に削除するブラウザー拡張機能です。FirefoxやChromeを含むブラウザーに最適化されています。

たとえば、インターネットを使っていると、次のようなURLに遭遇することがあります。

try{(()=>{function a(e){if(!e)return;let t=e.getAttribute("tabindex")!==null,n=e.scrollWidth>e.clientWidth;n&&!t?e.setAttribute("tabindex","0"):!n&&t&&e.removeAttribute("tabindex")}var u=window.requestIdleCallback||(e=>setTimeout(e,1)),i=window.cancelIdleCallback||clearTimeout;function l(e){let t=new Set,n,r;return new ResizeObserver(c=>{c.forEach(o=>t.add(o.target)),n&&clearTimeout(n),r&&i(r),n=setTimeout(()=>{r&&i(r),r=u(()=>{t.forEach(o=>e(o)),t.clear()})},250)})}function d(e,t){e.querySelectorAll?.(".expressive-code pre > code").forEach(n=>{let r=n.parentElement;r&&t.observe(r)})}var s=l(a);d(document,s);var b=new MutationObserver(e=>e.forEach(t=>t.addedNodes.forEach(n=>{d(n,s)})));b.observe(document.body,{childList:!0,subtree:!0});document.addEventListener("astro:page-load",()=>{d(document,s)});})();}catch(e){console.error("[EC] tabindex-js-module failed:",e)}try{(()=>{function i(o){let e=document.createElement("pre");Object.assign(e.style,{opacity:"0",pointerEvents:"none",position:"absolute",overflow:"hidden",left:"0",top:"0",width:"20px",height:"20px",webkitUserSelect:"auto",userSelect:"all"}),e.ariaHidden="true",e.textContent=o,document.body.appendChild(e);let a=document.createRange();a.selectNode(e);let n=getSelection();if(!n)return!1;n.removeAllRanges(),n.addRange(a);let r=!1;try{r=document.execCommand("copy")}finally{n.removeAllRanges(),document.body.removeChild(e)}return r}async function l(o){let e=o.currentTarget,a=e.dataset,n=!1,r=a.code.replace(/\u007f/g,` `);try{await navigator.clipboard.writeText(r),n=!0}catch{n=i(r)}if(!n||e.parentNode?.querySelector(".feedback"))return;let t=document.createElement("div");t.classList.add("feedback"),t.append(a.copied),e.before(t),t.offsetWidth,requestAnimationFrame(()=>t?.classList.add("show"));let c=()=>!t||t.classList.remove("show"),d=()=>{!t||parseFloat(getComputedStyle(t).opacity)>0||(t.remove(),t=void 0)};setTimeout(c,1500),setTimeout(d,2500),e.addEventListener("blur",c),t.addEventListener("transitioncancel",d),t.addEventListener("transitionend",d)}function s(o){o.querySelectorAll?.(".expressive-code .copy button").forEach(e=>e.addEventListener("click",l))}s(document);var u=new MutationObserver(o=>o.forEach(e=>e.addedNodes.forEach(a=>{s(a)})));u.observe(document.body,{childList:!0,subtree:!0});document.addEventListener("astro:page-load",()=>{s(document)});})();}catch(e){console.error("[EC] copy-js-module failed:",e)}
Terminal window
https://example.com?utm_source=newsletter1&utm_medium=email&utm_campaign=sale

このURLはトラッキングパラメーター（水色の部分）を含んでおり、あなたのオンライン行動を追跡するために使用されます。これらのパラメーターは、サイトが動作するためには必須ではありません。

ClearURLsは、このような追跡要素を自動的に削除し、次のようなクリーンなURLに変換します。

Terminal window
https://example.com

トラッキングパラメーターを削除すると、プライバシーを保護できるだけでなく、URLが短く簡潔になります。

他にも、たとえばAmazonでは次のようなURLが使われています。

Terminal window
https://www.amazon.com/dp/exampleProduct/ref=sxin_0_pb?__mk_de_DE=ÅMÅŽÕÑ&keywords=tea&pd_rd_i=exampleProduct&pd_rd_r=8d39e4cd-1e4f-43db-b6e7-72e969a84aa5&pd_rd_w=1pcKM&pd_rd_wg=hYrNl&pf_rd_p=50bbfd25-5ef7-41a2-68d6-74d854b30e30&pf_rd_r=0GMWD0YYKA7XFGX55ADP&qid=1517757263&rnid=2914120011

ClearURLsを使うと、次のようなURLになります。

Terminal window
https://www.amazon.com/dp/exampleProduct

ClearURLsの他の機能

ClearURLsには、他にも次のような機能があります。

  • URLから追跡要素を自動的に削除
  • 一部の一般的な広告ドメインをブロック（オプション）
  • 複数のURLを一度にクリーニングするための内蔵ツール
  • トラッキングサービスを介さずに、目的地へリダイレクトをサポート
  • リンクを迅速かつ清潔にコピーできるように、コンテキストメニューにエントリを追加
  • ハイパーリンク監査のブロック
  • ETag追跡のブロック
  • 履歴API を介した追跡を防止
  • GoogleとYandexによる検索結果の書き換えを防止

使い方

ClearURLsは、とくに設定が不要で簡単に利用できます。Chrome、Edge、Firefoxの各ブラウザーの拡張機能ストアからダウンロードし、インストールするだけで、自動的にURLの追跡要素を削除します。

注意点

ClearURLsは広範なルールカタログを用いて追跡要素を削除するため、多くのケースで効果的ですが、すべてをカバーする訳ではありません。

ClearURLsは非常に効率的に動作し、それを使うことでブラウジング速度が顕著に遅くなることはありません。

まとめ

インターネット上で個人のプライバシーを保護することは、非常に重要です。ClearURLsは、簡単に設定できる上に、プライバシーを保護してくれる強力なツールです。

インターネット上でのプライバシー保護に興味がある場合は、ぜひこの拡張機能を試してみてください。

参考

#拡張機能#Chrome#Firefox#Edge#HowTo#解説#プライバシー#オープンソース#GitHub

おすすめアイテム

※このリンクを経由して商品を購入すると、当サイトの運営者が報酬を得ることがあります。詳細はこちら。

このサイトを支援する

Buy Me a CoffeeまたはGitHub Sponsorsで支援していただけると、サイトの運営やコンテンツ制作の励みになります。定期的な支援と一度限りの支援がありますので、お間違いのないようにお願いします。

Buy me a coffee

著者のアイコン画像
ろぼいん
XMisskeyGitHubQiita

生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。

Webフロントエンドプログラマーで、テクノロジーに関する話題を追いかけています。動画編集やプログラミングが趣味で、たまにデザインなどもやっています。主にTypeScriptを使用したWebフロントエンド開発を専門とし、便利で実用的なブラウザー拡張機能を作成しています。また、個人ブログを通じて、IT関連のニュースやハウツー、技術的なプログラミング情報を発信しています。

関連記事

注目記事

最新記事