もしもアフィリエイト かんたんリンク文字化け対策ツール(全角→半角記号変換)

もしもアフィリエイト かんたんリンクの商品名、メーカー(出版社)に含まれる全角記号を半角記号に変換して文字化けを防ぐ。

「HTMLソース(メディア掲載用)」を全文コピーして、上のテキストボックスに貼り付ける。変換ボタンを押すと下のテキストボックスに変換したものを表示する。


作成した経緯

もしもアフィリエイトのかんたんリンクで、以下のような全角空白や全角記号を含むリンクを作成する。

もしもアフィリエイトのかんたんリンクの画面

「HTMLソース(メディア掲載用)」を全文コピーしてBlogger のHTML に貼り付けると、このように表示される。

全角記号を含むかんたんリンクが文字化けする

正確には文字化けではなく文字実体参照というようだが、全角空白が「 」になったり、・(中点)が「・」になったりする。

多少であれば手動でHTML を直してもいいが、上記のように大量にあると1つ1つ直すのも面倒だ。そこでjavascript を使って全角記号から半角記号に変換することで、文字実体参照されないように対策する。


仕様

変換対象

商品名"n" とメーカー(出版社)"b" が変換する対象となる。


変換仕様

仕様1

以下のUnicode 表に従い、「!」から「~」までを半角英数記号に変換する。

Unicode 表

仕様2

Unicode 表にない以下の記号を個別に変換する。

  • ” → \"
  • ’ → '
  • ‘ → `
  • ¥ → \\
  •  (全角空白) →  (半角空白)
  • 〜 → ~
  • ・ →  (中点は半角記号に該当がないため半角空白に変換)
  • 【 → [
  • 】 → ]


上手く動作しない場合や、変換する記号の追加リクエストはコメントまで。

コメント

このブログの人気の投稿

メールのURL(リンク)が途切れる問題に対応するアドイン(Outlook)

メールからRedmineのチケットを作成するアドイン(Outlook)

複数行テキストの「表示数を増やす」を自動で開くChrome拡張機能(SharePointモダンリスト)

Google Meetの参加リクエストを自動承諾するChrome拡張機能