独自ドメインを設定した Jimdo に Google Maps API Key をセットする

先日、独自ドメインを設定した Jimdo で Google マップが表示できない状態になりました。
サービスの問題ではなく、6月末くらいから Google Maps API Key が必須になったのが原因です。

Google Mapsを利用する場合はAPIキーが必須になったもようです – ねんでぶろぐ:
http://nendeb.com/429

そこで、回避策を考えてみました。

ご利用にあたって

今回ご紹介する方法では「ヘッダー編集」を行います。 公式サイトのマニュアルにも記載されているように「上級者向け」の設定項目となりますので、自己責任でお試しください。

ヘッダー編集 - Jimdo Support Center (JP):
http://jp-help.jimdo.com/edit-head/

また、下記などを参考にあらかじめ API Key を取得しておく必要があります。

Google Maps の APIキー を簡単に取得する – ねんでぶろぐ:
http://nendeb.com/276

ヘッダー編集で JavaScript を追加する

Jimdo の管理画面にログイン後、「へッダー編集」画面の入力エリアへ下記のコードを追加します。

<script type="text/javascript">
//<![CDATA[
  jimdoData["googlemapsConsoleKey"] = "ここに取得した Google Maps API Key をセット";
//]]>
</script>

Jimdo サイト共通で読み込まれる web.js に「googlemapsConsoleKey の指定があれば、key パラメータを追加する」という処理が存在するため、事前に変数の値をセットしておけば独自ドメインでも Google マップが表示できるようになります。

余談

いずれ管理画面内に専用の入力欄が追加されることを願いつつ、暫定措置のご紹介でした。