コイブミのポップアップが文字化けする

[青]

はじめまして。

どうしても解決できない問題があるため、僭越ながらトピックを立てさせていただきました。

コイブミを設置しているのですが、何も入力せずに送信ボタンを押した際に表示されるポップアップがどうしても文字化けしてしまいます（下図）。

文字化けしているのはこのポップアップのみであり、メッセージの送信は正常に行えます。

また、作業はPC（Chrome、Microsoft Edge）にて行っているのですが、どちらでも同症状が生じ、スマートフォンで確認しても文字化けしていました。

【試したこと】

• メタタグに「 charset=UTF-8″」を追加→効果なし
• コイブミを設置したファイルの文字コードを「UTF-8」に変更→効果なし
• <script src=”koibumi_app/koibumi.js”></script>に「 charset=UTF-8″」を追記→効果なし
• まっさらなページを作り、他スクリプトを全部削除してコイブミを設置→変わらず文字化けする

【その他情報】

使用サーバー：ロリポップ

PHPバージョン：8.1

何度試行錯誤しても改善せず、非常に困っています。説明下手かつ面倒な質問かと存じますか、知恵をお貸しいただければ幸いです。

どうぞよろしくお願いいたします。

[ガタガタ]

コイブミのご利用ありがとうございます。

少し気になったのですが

メタタグに「 charset=UTF-8″」を追加→効果なし

charset="UTF-8"　の誤りではないでしょうか？イコールの直後の半角ダブルクオーテーション　”　が抜けています。
また「8」の直後にある″ この記号はダブルプライムといって、ダブルクオーテーションとは別の記号です。この記号を使うとコードが正常に動作しないことがありますので、ダブルクオーテーションで囲ってください。

<meta charset="utf-8">
<script src="koibumi_app/koibumi.js" charset="utf-8"></script>

このような記述が正しいです。

テキストエディタはプログラミング用のものをお使いでしょうか。もしかしたら、koibumi.jsのファイルそのものの文字コードが何らかの理由でUTF-8以外のものに変更されて保存されてしまったのかもしれません。
文字化けして表示されているメッセージはkoibumi.js由来のものなので、このファイルの文字コードさえ正しく読み込むことができればメッセージは正しく表示されるはずです。
一度、koibumi.jsの文字コードがUTF-8になっているか確認してみてください。別の文字コードになってしまっている場合は、UTF-8に変換してください。やり方は、「文字コード　変換」の語句とお使いのテキストエディタの名前の複合検索でヒットするはずです。

（追記）WordPressの仕様で、本文に半角ダブルクオーテーションを入力すると、自動でダブルプライムに変換されてしまうことがあるようですね。失礼いたしました。

• この返信は1年、 5ヶ月前にガタガタが編集しました。
• この返信は1年、 5ヶ月前にガタガタが編集しました。
• この返信は1年、 5ヶ月前にガタガタが編集しました。

[青]

ガタガタ様

丁寧なご返信ありがとうございます。

試す際は「 charset=UTF-8″」ではなく「charset=”UTF-8″」で入力しておりました。こちらに投稿する際に、誤ってしまったようです。失礼いたしました。

 

テキストエディタ（TeraPadを使用しています）での文字コード変換もすでに試していたのですが…

先ほどもう一度koibumi.jsをダウンロードさせていただき、テキストエディタにて変換を行ったところ、なぜか正常に表示されました…。

どこかで手順を間違っていたのか何なのか、原因が判然としないのですが、とりあえずは正常に導入することが出来たようです。

曖昧な結果で申し訳ないです。この度は相談に乗っていただき本当にありがとうございました。

素敵なプログラム等、いつもありがとうございます。これからも陰ながら応援しております。

[投稿者]

投稿