Replace raw emails with obfuscated ones #4

kino-ma · 2024-03-05T07:37:13Z

背景

メールアドレスが HTML ソースに生で記載されているためか、スパムメールがたくさん届いていた。

メールアドレスをソースに直接記載せず、動的に生成させる。

これにより、 JavaScript エンジンを使っていない単純な bot はメールアドレスを解読できず、スパムの減少が期待できる。

難読化ツールを使ってメールアドレスを動的に生成するようにした。

難読化前のコードは以下。

const elems = document.querySelectorAll(".email-obfuscation");
for (const elem of elems) {
  elem.innerHTML = "[email protected]";
}

メンテ方法について:

新しいページを作るとき
- 本 PR での編集と同様に、
  1. メアドを入れたい場所に <span class="email-obfuscation"><span> を差し込む
  2. <body> の一番下 (別にどこでもいいけど) に <script src="assets/js/email-obfuscation.js"></script> を差し込む
難読コードの内容を変えたいとき
1. 難読化ツールから新しいコードを生成する
2. assets/js/email-obfuscation.js にそのまんまコピペする
- アドレスを変えたいときも、上に貼ってあるコードの string 部分を置き換えて上記手順

kino-ma added 2 commits March 5, 2024 16:22

fix: replace raw emails with obfuscated ones

fd8f7a3

refactor: aggregate common script to a js file

7ce5a61