StudioでGoogleマップを埋め込む方法｜10枚の画像で解説！
飲食店や不動産などの店舗系ビジネスをやっている場合、サイト上にGoogleマップを載せたくなりますよね。
実際ほとんどのサイトでアクセス情報の欄に、Googleマップが表示されています。
今回は、StudioでGoogleマップを埋め込む方法について10枚の画像を用いて解説していきます。
初心者でも簡単に実装できる内容になっているので、ぜひこの機会に実装していきましょう！
「Studioの使い方がまだイマイチわかっていない、、、」という方は、以下のマニュアルも参考にしてみてください。
Service
【最安18万円〜】
集客に強い・SEO特化のホームページ制作サービス
「デザインは良いのに問い合わせが来ない」それはSEO対策がしっかりできていないことが原因かもしれません。 月間10万PVメディアを運営する現役SEOコンサルが設計するから、 GoogleにもAI（ChatGPT等）にも選ばれるホームページが作れます。
- AI×人間の分業でSEO対策が圧倒的に低価格
- 公開後3ヶ月のSEO改善レポート付き
- 完全オリジナルデザイン（テンプレート不使用）
- Studio制作で自社更新もカンタン
- ホームページ制作実績、累計50サイト以上
今なら制作費30,000円OFF（毎月3組限定）。ご相談・お見積りは無料です。
StudioでGoogleマップを埋め込む方法
StudioでGoogleマップを埋め込む方法は、下記のとおりです。
10枚の画像を用いて、詳しく説明していきます。
Kaji3分で終わる内容なので、サクッとGoogleマップを埋め込んでしまいましょう！
①：Googleマップで埋め込みコードをコピーする
まずは、埋め込みたいGoogleマップ情報（＝地図情報）を取得していきます。
Googleマップを開きます。
Studio上に埋め込みたい場所・住所を入力して、検索マークをクリックします。
Kajiぼくは「JR横浜駅」を埋め込みたいので、検索窓で「JR横浜駅」と入力します！
「共有」ボタンをクリックして、「地図を埋め込む」をクリックします。
そして「HTMLをコピー」をクリックします。
②：Googleマップのボックスを追加する
Studioに戻って、左パネルの「追加」のボタンをクリックします。
「基本」→「Googleマップ」をそれぞれクリックします。
下記のように「東京タワー」にピンが刺さったGoogleマップが表示されるはずです。
③：Googleマップの埋め込みコードを変更する
「東京タワー」だと意図どおりではないので、表示したい場所に変更していきます。
Googleマップを選択した状態で、右パネルを開きます。
右パネルが出てきたら、埋め込みコードの「エディタを開く」をクリックします。
Kaji初期状態だと東京タワーを埋め込むためのコードになっているため、変更していきます！
そして手順①でコピーしておいた地図情報を、コード欄に貼り付けます。
Kaji僕の場合はしっかり横浜駅が表示されています！
プレビューにしっかり表示されていれば、「保存」をクリックします。
StudioのCMSでGoogleマップを埋め込む方法
次に、StudioのCMSでGoogleマップを埋め込む方法について解説します。
それぞれ具体的に説明します。
①：Googleマップで埋め込みコードをコピーする
まずは、埋め込みたいGoogleマップ情報（＝地図情報）を取得していきます。
Googleマップを開きます。
Studio上に埋め込みたい場所・住所を入力して、検索マークをクリックします。
Kajiぼくは「JR横浜駅」を埋め込みたいので、検索窓で「JR横浜駅」と入力します！
「共有」ボタンをクリックして、「地図を埋め込む」をクリックします。
そして「HTMLをコピー」をクリックします。
②：CMSの編集画面で埋め込みコードを貼り付ける
CMSの編集画面にアクセスして、「埋め込みコード」を挿入します。
コピーしていた埋め込みコードを貼り付けて、「更新」をクリックします。
Googleマップの埋め込みが完了しました。
Studioのサイト制作なら「Terace」にお任せ！
当メディアを運営する私達は、Studioの制作代行サービスを運営しています。
サービスの強みを一言で表すなら、「集客に強いホームページが作れる」ということです。
- AI×人間の分業でSEO対策が圧倒的に安い
- SEO専門家による細部まで徹底したSEO対策（基本〜本格）
- はじめてのSEOガイド・公開後3ヶ月のSEO改善レポート付き
- 完全オリジナルデザイン（Webデザイナー専属）
- Studio製だから自社で簡単に更新できる
- ホームページ制作実績、累計50サイト以上
最安18万円〜とお手軽な価格ですが、徹底的にSEO対策されたホームページが作れます。なぜ安く作れるのか、その理由はシンプルで「人間が得意なことは人間、AIが得意なこと（リサーチなど）はAI」が担当しているためです。
オリジナルデザイン、かつ本格的に集客できるホームページがほしい方は、ぜひお気軽にご相談ください。
個人事業主や中小企業からよく選ばれています。サービス利用者の声を聞きたい方は、ぜひ以下のインタビュー記事をご覧ください。
今だけ、毎月3組まで制作費用が3万円割引になるキャンペーンを行っています。
先着順で締め切るので、気になる方はぜひお早めにお問い合わせください！
送信中です
ebook
【無料のお役立ち資料】
初ホームページ制作のよくある質問集
ホームページ制作に関するよくある質問14選にすべて答えています。
「自作するべきなのか」か「Web制作会社に任せるべきか」など、これまでホームページ制作をやっていく中で1番よく受けた質問を厳選しています。
無料でダウンロードできるので、これからホームページを作成する予定の方はぜひ参考にしてみてください！
※コメントは最大500文字、5回まで送信できます