Affiliate Re:Life

アフィリエイトで最高の人生を取り戻す(リライフする)方法についてご紹介します。

ブログ

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

投稿日:2019年8月26日 更新日:

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

あなたは、ブログ(WordPress)へと、

Googleマップを貼り付け(埋め込み)するには、どうすればいいの?

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

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

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

  • Googleマップをブログに貼り付け(埋め込み)する方法はコチラです。

貼り付け方法!

  1. Googleマップを検索して開く
  2. 「ブログに貼り付けしたい場所」を入力する
  3. 「共有」をクリックする
  4. 「地図を埋め込む」をクリックする
  5. 「HTMLをコピー」をクリックする
  6. WordPressへログインをする
  7. 「投稿」→「新規追加」をクリックする
  8. 「テキスト」をクリックする
  9. 「コード」を貼り付ける
  10. 「公開」をクリックする

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


ブログで月収89万円稼げた方法

アフィリエイト経験がまったくない主婦の方が…。

実践して6ヶ月目に月収89万円を突破した方法です。

その教材のレビューをしましたので、ブログで稼ぐ方法に興味がありましたらご覧ください。

→ 初心者の主婦が月収89万円稼いだ方法

 

Googleマップをブログに貼り付け(埋め込み)する方法!

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

貼り付け方法!

  1. Googleマップを検索して開く
  2. 「ブログに貼り付けしたい場所」を入力する
  3. 「共有」をクリックする
  4. 「地図を埋め込む」をクリックする
  5. 「HTMLをコピー」をクリックする
  6. WordPressへログインをする
  7. 「投稿」→「新規追加」をクリックする
  8. 「テキスト」をクリックする
  9. 「コード」を貼り付ける
  10. 「公開」をクリックする

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

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

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

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

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

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

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

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

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

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

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

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

step
6
WordPressへログインをする

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

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

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

  1. 「投稿」をクリック
  2. 「新規追加」をクリック

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

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

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

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

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

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

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

完成!

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

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

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

ルートを表示!

  1. 「ブログに貼り付けしたい場所」を入力する
  2. 「ルート・乗換」をクリックする
  3. 「出発地」を入力する
  4. 「三」をクリックする
  5. 「地図を共有または埋め込む」をクリックする
  6. 「地図を埋め込む」をクリックする
  7. 「HTMLをコピー」をクリックする
  8. WordPressへログインをする
  9. 「投稿」→「新規追加」をクリックする
  10. 「テキスト」をクリックする
  11. 「コード」を貼り付ける
  12. 「公開」をクリックする

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

step
6
WordPressへログインをする

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

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

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

  1. 「投稿」をクリック
  2. 「新規追加」をクリック

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

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

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

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

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

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

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

完成!

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

Googleマップをリンクで貼り付け(埋め込み)する方法!

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

リンクで貼り付け!

  1. 「投稿」→「新規追加」をクリックする
  2. 「ビジュアル」をクリックする
  3. Googleマップのリンクを貼る文字を入力する
  4. 「ブログに貼り付けしたい場所」を入力する
  5. 「共有」をクリックする
  6. 「リンクをコピー」をクリックする
  7. Googleマップのリンクを貼りたい文字をドラッグする
  8. 「リンクの挿入/編集」をクリックする
  9. フォームにコピーしたリンクを貼り付ける
  10. 「リンク設定」をクリックする
  11. 「リンクを新しいタブで開く」にチェックを入れる
  12. 「更新」をクリックする
  13. 「公開」をクリックする

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

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

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

  1. 「投稿」をクリック
  2. 「新規追加」をクリック

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

完成!

Googleマップを開いて見る

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

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

まとめますと、

貼り付け方法!

  1. Googleマップを検索して開く
  2. 「ブログに貼り付けしたい場所」を入力する
  3. 「共有」をクリックする
  4. 「地図を埋め込む」をクリックする
  5. 「HTMLをコピー」をクリックする
  6. WordPressへログインをする
  7. 「投稿」→「新規追加」をクリックする
  8. 「テキスト」をクリックする
  9. 「コード」を貼り付ける
  10. 「公開」をクリックする

ルートを表示!

  1. 「ブログに貼り付けしたい場所」を入力する
  2. 「ルート・乗換」をクリックする
  3. 「出発地」を入力する
  4. 「三」をクリックする
  5. 「地図を共有または埋め込む」をクリックする
  6. 「地図を埋め込む」をクリックする
  7. 「HTMLをコピー」をクリックする
  8. WordPressへログインをする
  9. 「投稿」→「新規追加」をクリックする
  10. 「テキスト」をクリックする
  11. 「コード」を貼り付ける
  12. 「公開」をクリックする

リンクで貼り付け!

  1. 「投稿」→「新規追加」をクリックする
  2. 「ビジュアル」をクリックする
  3. Googleマップのリンクを貼る文字を入力する
  4. 「ブログに貼り付けしたい場所」を入力する
  5. 「共有」をクリックする
  6. 「リンクをコピー」をクリックする
  7. Googleマップのリンクを貼りたい文字をドラッグする
  8. 「リンクの挿入/編集」をクリックする
  9. フォームにコピーしたリンクを貼り付ける
  10. 「リンク設定」をクリックする
  11. 「リンクを新しいタブで開く」にチェックを入れる
  12. 「更新」をクリックする
  13. 「公開」をクリックする

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

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

-ブログ

Copyright© Affiliate Re:Life , 2021 All Rights Reserved.