【最新】Googleマップをブログに貼り付け（埋め込み）する方法

この記事では、Googleマップをブログに貼り付け（埋め込み）する方法について解説していきます。

あなたは、ブログ（WordPress）へと、

と、悩んだ経験はありませんか？

確かに店舗情報や行き先などを解説する際には、Googleマップを貼り付けたほうがわかりやすいので、埋め込み方法は気になるところですよね。

これ結論からお伝えしますと、

それでは詳しく見ていきましょう。

スポンサーリンク

サブスク自動集客ツール

「売り上げが伸びない…。」など、集客ができずに悩んでいませんか？

ツールをポチッとするだけでほったらかしで集客できてしまうツール。

月間7,500万人以上が利用しているアメブロからあなたのブログへ、自動で集客する方法に興味がある方におすすめです。

→　ほったらかしでも集客できるツール

 

Googleマップをブログに貼り付け（埋め込み）する方法！

Googleマップをブログに貼り付け（埋め込み）する方法はコチラでしたね。

それでは1つ1つ見ていきましょう。

step
1Googleマップを検索して開く

まずは、「Googleマップ」を検索して開きましょう。

step
2「ブログに貼り付けしたい場所」を入力する

Googleマップを開いたら、次は左上の検索窓へと「ブログに貼り付けしたい場所」を入力してください。

今回は「東京ドーム」と入力して進めていきます。

step
3「共有」をクリックする

場所を入力したら、左のメニューにあります「共有」をクリックしましょう。

step
4「地図を埋め込む」をクリックする

「共有」をクリックしたら、共有の画面がデてきますので「地図を埋め込む」をクリックしましょう。

step
5「HTMLをコピー」をクリックする

「地図を埋め込む」をクリックしたら、「HTMLをコピー」をクリックしてください。

step
6WordPressへログインをする

「HTMLをコピー」をクリックしたら、次はWordPressへログインをしましょう。

step
7「投稿」→「新規追加」をクリックする

WordPressへログインしたら、左のメニューにあります、

と、進めていきましょう。

step
8「テキスト」をクリックする

「新規追加」をクリックしたら、「テキスト」をクリックしましょう。

step
9「コード」を貼り付ける

「テキスト」をクリックしたら、先程コピーしたGoogleマップの埋め込みコードを貼り付けましょう。

step
10「公開」をクリックする

Googleマップの埋め込みコードを貼り付けしたら、あとは画面右にあります「公開」をクリックしたら完了です。

完成！

すると上記のように、ブログへとGoogleマップを貼り付け（埋め込み）することができるのです。

Googleマップに「行き先のルート」を表示して貼り付け（埋め込み）する方法！

Googleマップに「行き先のルート」を表示して、貼り付け（埋め込み）する方法はコチラです。

それでは1つ1つ見ていきましょう。

step
1「ブログに貼り付けしたい場所」を入力する

まずは、Googleマップを開いて、画面左上の検索フォームへと「ブログに貼り付けしたい場所」を入力しましょう。

step
2「ルート・乗換」をクリックする

ブログに貼り付けしたい場所」を入力したら、下に出てきます「ルート・乗換」をクリックしてください。

step
3「出発地」を入力する

「ルート・乗換」をクリックしたら、検索フォームが出てくるので「出発地」を入力しましょう。

今回は「後楽園駅」と入力します。

すると上記画像のように、行き先のルートを表示することが出来ます。

step
4「三」をクリックする

「出発地」を入力したら、画面左上にあります「三」をクリックしましょう。

step
5「地図を共有または埋め込む」をクリックする

「三」をクリックしたら、左のメニューが出てきますので、「地図を共有または埋め込む」をクリックしましょう。

step
6「地図を埋め込む」をクリックする

「地図を共有または埋め込む」をクリックしたら、次は「地図を埋め込む」をクリックしましょう。

step
7「HTMLをコピー」をクリックする

「地図を埋め込む」をクリックしたら、「HTMLをコピー」をクリックしましょう。

step
6WordPressへログインをする

「HTMLをコピー」をクリックしたら、次はWordPressへログインをしましょう。

step
7「投稿」→「新規追加」をクリックする

WordPressへログインしたら、左のメニューにあります、

と、進めていきましょう。

step
8「テキスト」をクリックする

「新規追加」をクリックしたら、「テキスト」をクリックしましょう。

step
9「コード」を貼り付ける

「テキスト」をクリックしたら、先程コピーしたGoogleマップの埋め込みコードを貼り付けましょう。

step
10「公開」をクリックする

Googleマップの埋め込みコードを貼り付けしたら、あとは画面右にあります「公開」をクリックしたら完了です。

完成！

すると上記地図のように、行き先のルートを表示させたまま貼り付け（埋め込み）をすることができるのです。

Googleマップをリンクで貼り付け（埋め込み）する方法！

Googleマップをリンクで貼り付け（埋め込み）する方法はコチラです。

それでは1つ1つ見ていきましょう。

step
1「投稿」→「新規追加」をクリックする

まずは、WordPressへとログインをして、左のメニューにあります、

と、進めていきましょう。

step
2「ビジュアル」をクリックする

すると新規投稿を追加の画面が出てくるので、「ビジュアル」をクリックしましょう。

step
3Googleマップのリンクを貼る文字を入力する

「ビジュアル」をクリックしたら、Googleマップのリンクを貼るための文字を入力しましょう。

今回は「Googleマップを開いて見る」と入力します。

step
4「ブログに貼り付けしたい場所」を入力する

文字を入力したら、Googleマップの画面を開いて「ブログに貼り付けしたい場所」を入力してください。

step
5「共有」をクリックする

「ブログに貼り付けしたい場所」を入力したら、「共有」をクリックしましょう。

step
6「リンクをコピー」をクリックする

「共有」をクリックしたら、「リンクをコピー」をクリックしてください。

step
7Googleマップのリンクを貼りたい文字をドラッグする

「リンクをコピー」をクリックしたら、WordPressへと戻ってリンクを貼りたい文字をドラッグしましょう。

step
8「リンクの挿入/編集」をクリックする

リンクを貼りたい文字をドラッグしたら、「リンクの挿入/編集」をクリックしてください。

step
9フォームにコピーしたリンクを貼り付ける

「リンクの挿入/編集」をクリックするとフォームが出てくるので、フォームにコピーしたリンクを貼り付けしましょう。

step
10「リンク設定」をクリックする

フォームにコピーしたリンクを貼り付けしたら、すぐ右にあります歯車アイコンの「リンク設定」をクリックしましょう。

step
11「リンクを新しいタブで開く」にチェックを入れる

「リンク設定」をクリックしたら、「リンクを新しいタブで開く」にチェックを入れましょう。

step
12「更新」をクリックする

「リンクを新しいタブで開く」にチェックを入れたら、画面右下にあります「更新」をクリックしてください。

step
13「公開」をクリックする

あとは、画面右にあります「公開」をクリックしたら完了です。

完成！

Googleマップを開いて見る

すると上記リンクのように、クリックするとGoogleマップを開くことができるのです。

【最新】Googleマップをブログに貼り付け（埋め込み）する方法のまとめ

まとめますと、

以上が、【最新】Googleマップをブログに貼り付け（埋め込み）する方法についてでした。

是非、意識してチャレンジしてみてください。