1. ホーム
  2. 記事一覧
  3. ワードプレス
  4. 無料で簡単!3ステップで出来ちゃうGoogleマップを埋め込む方法

無料で簡単!3ステップで出来ちゃうGoogleマップを埋め込む方法

投稿日:2015年8月17日 カテゴリー: ワードプレス

いつも週刊メルマガをご覧頂き、誠にありがとうございます。
全国的に30度を越える夏日が続いていますが、皆様体調は大丈夫でしょうか?

夏といえば海、海といえばスイカ割り!ということで、
今週は小学生のころ、志村けんのスイカの食べ方を真似ていたら、親からカミナリを落とされた
CMSproサポート担当の沖野が担当させていただきます。

*********************************************************
【無料で簡単!3ステップで出来ちゃうGoogleマップを埋め込む方法】
CMSproサポート担当: 沖野直人

**********************************************************

みなさんのホームページには会社概要ページはございますか?
昔は、「会社概要ページなんて誰が見るの?」と言われていた時代がありました。
しかし現在では、ほぼどこのホームページも会社概要ページを作成していて、重要視されるようになりました。

その理由とは?

例えば、あなたがインターネットで検索し、悩みや問題を解決してくれそうな
ホームページを見つけ、お問い合わせをしてみようかなと思ったとします。

そこでふと、「この会社は設立して何年で、どのような場所にあるのかな?」と思ったところ、
会社概要のページが無ければ、お問い合わせに二の足を踏んでしまいませんか?

せっかく優れたサービスや商品を提供していても、どこで
やっているのかわからないサービス(会社)に投資するのはみんな怖いんです。。。

弊社の場合でも、作成前の状態でご入金いただいておりますので、
最初のお問い合わせのお電話をいただいた時に、「会社はどこにあるんですか?」と
ご質問をいただくことが、多々あります。
そのため、会社概要の中でも、所在地を載せるのは重要な項目の1つです!

そこで今回は皆様でも簡単に所在地を掲載できる、
Googleマップを埋め込む方法についてご紹介したいと思います。

**********************************************************
■ステップ1.コードを取得

まずは、Googleマップにアクセスします。
https://maps.google.co.jp/
左上の検索枠に、所在地を入力し検索ボタンをクリック。

検索枠の左側にある、横3本線をクリックし、「地図を共有または埋め込む」を選択。
その後の画面で、上部のタブを地図を埋め込むを選択すると、先ほど検索枠に入力した所在地のマップが
出てきますので、その上部にある<iframe src からはじまる英字の羅列を全てコピー。
※この英字の羅列がGoogle マップにおけるあなたの所在地情報になります

■ステップ2. Googleマップのコードを埋め込む
次に、WordPressの管理画面にログインしていただき、会社概要ページにアクセスします。
Googleマップを配置したい場所をクリックし、上部のあるアイコンの中から、再生ボタンのようなマークの【動画を挿入/編集】ボタンをクリック。

※各それぞれアイコンにカーソルをのせていただきますと、アイコンの名前がそれぞれ表示されますが、
【動画を挿入/編集】ボタンが見つからない場合は、下記URLをご参照いただき追加してみてください。
http://bazubu.com/tinymce-advanced-23845.html/

次に「埋め込む」タブをクリックすると、
「埋め込みコードを以下にペーストしてください。」という表示がされ、下に空白のスペースがありますので、そこに、1で取得した英字の羅列を全て貼りつけ、OKボタンをクリック

■3ステップ. Googleマップ設置の確認
貼りつけた後は、管理画面上では、グレー色の枠が表示されますが心配ありません!
右上の変更をプレビューボタンから確認してみましょう。
あなたの所在地のGoogleマップが表示されているはずです。

表示に問題がなければ、青い更新ボタンを忘れずにクリック!
********************************************************

以上で、Googleマップの埋め込みが完了です。
いかがでしたでしょうか?

今回ご紹介のGoogleマップの埋め込みですが、以前は専門的な知識が必要とされるもので、
弊社に有料でご依頼いただく必要があったんですが、ワードプレスがどんどん進化し、上記の操作を
おこなっていただければ、お客様でも簡単に設置できるようになりました!

会社概要ページや所在地が載っていないという理由だけで、お問い合わせを逃しているなんて
非常にもったいないですよね。
ホームページにまだ会社概要ページやGoogleマップが無いというお客様は、ぜひ実践してみてください。

今回も最後までお読みいただき、ありがとうございました。

– 沖野直人

ps.
ちなみに、志村けんのスイカの食べ方はコチラ
https://www.youtube.com/watch?v=-hOx3Eyxvmc/

毎週配信中!ご登録されたい方は、E-mailアドレスを入力し、ご希望の項目ボタンを押してください。

ホームページ運営ブログ
カテゴリー
谷口翔太のブログ