とあるフリーランスWebデザイナーのライフログ

【この記事は、約3分で読むことができます】


当ブログに、サイト内検索を設置しました。
ファンブログは標準でサイト内検索機能がないので、Googleのカスタム検索を、と思ったのですが、どうせならGoogleアドセンスの検索を設置することにしました。


そのときに、ちょっとつまづいたので、忘れないようにメモと同じように困っている人のためにメモメモ。


Googleアドセンスにログインして、「検索向け AdSense」から設定を行っていきます。
1分もあれば完了します。


▼これが設定した画面。



▼画面の下の方にある、「保存してコードを取得」ボタンをクリックして、生成されたコードがこれ。
※IDの部分はぼかしています。



これを、ブログのデザインテンプレートの表示させたい部分にコピー＆ペーストすれば完了。
デザインは、適当にCSSで調整してね！


ここまで約3分。
超簡単やーーー！！
とドヤ顔で、試しに検索してみた画面がこれ。
検索したキーワードは「ロリポップ」。



ん？？？
なんか文字化けしてるね…。
なんでや？


ちなみに、検索のキーワードを、半角の英数字にすると文字化けすることなく表示されます。
全角文字（日本語のひらがなや漢字等）が全部だめ。


はは〜ん、文字コードやな。
こういうときは文字コードの設定がおかしいことが多いです。


Googleアドセンスの設定画面にもどって、「エンコード」という部分を変更して再度コードを生成しなおし、ブログのテンプレートにコピー＆ペースト。


▼修正後の検索結果。



Oh〜、デジャブ！
あれ、おかしいな。
エンコードを、「日本語（EUC-JP）」や、「日本語（ISO-2022-JP）」、「Unicode（UTF-8）」等にしても文字化けします。


そんなわけで、Google先生にお願いして調査開始。
色々な情報がでてきては試しますが、なかなかうまくいきません。


で、最終的にたどりついたのがこれ。



なんと、Googleアドセンスの吐き出すコードに手を加えることになるとは…。
これが正しいコードなのかどうかはそこまで詳しく調べてないので分かりませんが、生成されたコードをブログのテンプレート側にコピー＆ペーストして、上の画像と同じ部分に/cse と追記。


▼再び「ロリポップ」と検索すると…。



イェ〜イ。
できた。
一安心。


ちなみに、文字コードは「日本語（Shift-JIS）」で大丈夫です。


結局15分くらいかかっちゃったじゃないか。


でもまぁ、問題解決できてよかった。
めでたしめでたし。