gooブログカスタマイズ　google地図をブログ記事に設定する方法|ブログ|ホームページ制作集客｜SEO対策｜株式会社サイバーアクセル・アドバイザーズ【東京・福岡】

BLOG CATEGORY

tomoka
Kanna[2]
求人募集[48]
webコラム[233]
おもしろ[43]
スタッフ[117]
- 佐藤悦信[15]
- トゥクトゥク[19]
- ホビットいのうえ[39]
- ジャッキー[9]
- YUKO[12]
- AI★
- Tom[1]
- ATSU
- NAO★
- chiii[2]
- ☆HARUE☆
- KUMIKO
- しみず[2]

Monthly Archives

2020年
- 2020年4月 [7]
- 2020年3月 [5]
- 2020年2月 [1]
- 2020年1月 [1]
2019年
- 2019年12月 [3]
- 2019年11月 [5]
- 2019年10月 [1]
- 2019年8月 [2]
- 2019年7月 [3]
- 2019年6月 [4]
- 2019年5月 [5]
- 2019年4月 [4]
- 2019年3月 [4]
- 2019年2月 [4]
- 2019年1月 [2]
2018年
- 2018年12月 [4]
- 2018年11月 [5]
- 2018年10月 [3]
- 2018年9月 [4]
- 2018年8月 [6]
- 2018年7月 [7]
- 2018年6月 [9]
- 2018年5月 [6]
- 2018年4月 [8]
- 2018年3月 [9]
- 2018年2月 [8]
- 2018年1月 [8]
2017年
- 2017年12月 [9]
- 2017年11月 [8]
- 2017年10月 [7]
- 2017年9月 [10]
- 2017年8月 [9]
- 2017年7月 [8]
- 2017年6月 [10]
- 2017年5月 [7]
- 2017年4月 [7]
- 2017年3月 [11]
- 2017年2月 [8]
- 2017年1月 [8]
2016年
- 2016年12月 [9]
- 2016年11月 [11]
- 2016年10月 [10]
- 2016年9月 [12]
- 2016年8月 [10]
- 2016年7月 [9]
- 2016年6月 [10]
- 2016年5月 [10]
- 2016年4月 [12]
- 2016年3月 [10]
- 2016年2月 [11]
- 2016年1月 [7]
2015年
- 2015年12月 [2]
- 2015年11月 [4]
- 2015年10月 [8]
- 2015年9月 [6]
- 2015年8月 [10]
- 2015年7月 [9]
- 2015年6月 [10]
- 2015年5月 [11]
- 2015年4月 [12]
- 2015年3月 [14]
- 2015年2月 [8]
- 2015年1月 [7]
2014年
- 2014年12月 [7]
- 2014年11月 [13]
- 2014年10月 [9]
- 2014年9月 [1]
- 2014年8月 [2]
- 2014年7月 [7]
- 2014年6月 [14]
- 2014年5月 [10]
- 2014年4月 [2]

ホームページ制作、SEO対策サイバーアクセル・アドバイザーズＴＯＰ » ブログ » webコラム» gooブログカスタマイズ　google地図をブログ記事に設定する方法

gooブログカスタマイズ　google地図をブログ記事に設定する方法

投稿日: 2017/08/25 投稿者:webコラム

こんにちは！　ライターのモモタロウです。

今回は、gooブログカスタマイズ　google地図をブログ記事に設定する方法をお伝えします。

google地図のコードを入手しよう

　googleマップを開き、ブログに表示させたい場所を検索します。

https://www.google.co.jp/maps?hl=ja&tab=wl　←Googleマップ

バージョンによってコードを入手できる操作が変わります。
旧バージョンの場合
1.googleマップにて、貼り付けたい地図を表示する
2.画面右下にある歯車のようなアイコンをクリック
3.「地図を共有／埋め込む」をクリック
4.「地図を埋め込む」タブをクリックし、表示されたコードをコピー

以前のバージョンの場合
1.以前のバージョンのgoogleマップを表示し、貼り付けたい地図を表示する
2.画面左上にある「リンク」アイコンをクリック
3.表示された画面の上から2つ目「ウェブサイトへの地図埋め込み用 HTML コード」欄に表示されたコードをコピー

最新バージョンの場合を画像で表すと以下の通りです。

左上をクリックしてメニューリストを表示させます。
「地図を共有または埋め込む」をクリックします。

小ウィンドウが開き、「リンクを共有」タブと「地図を埋め込む」タブが上にあるので「地図を埋め込む」タブをクリックします。

表示されているコードをコピーします。四角で囲った部分です。

gooブログにgoogle地図を設定するには？

googleマップのコードを取得したら、gooブログにログインします。

その後、メニューバーにある「モジュール」の「ブログパーツ」をクリックします。
下の画像で四角く囲った部分です。

「ブログパーツ」画面の項目「gooブログパーツに変換」で、「変換元タグ」四角枠部分に先ほどコピーしたコードを貼り付けます。

貼り付け後、「gooブログパーツに変換」ボタンをクリックします。

gooブログパーツに「変換が完了しました」画面に変わります。

下にボタンが3つ並んでいます。「記事に貼る」をクリックします。

新規で記事を編集する画面に遷移します。

そのままプレビューすると・・・

地図がブログ記事に表示されました。

記事に文章を書き込みこんでもよいので、その場合、「HTMLエディタ」タブを「TEXTエディタ」タブに変更して編集するとよいでしょう。

ブログ記事を確認すると・・・

まとめ

いかがでしたか？

ショップの場所などを特定するときに威力を発揮するgoogleマップ。

用途に合ったブログカスタマイズでより充実したブログを作成してみよう。

カテゴリ:

webコラム

我社のマスコット『弁慶』です。
名前の由来：忠実な番犬
主な仕事：マスコットキャラとして認知度UP↑
不得意：電話
しゃべりが苦手なので、コンタクトはこちらから

我社のキャラクター「長フチ様」がユーザーに変わり、聞きづらい疑問を直球で投げかけるQ&A式コンテンツ。強面の顔からは想像も容易いほどのおバカさんが、弊社スタッフと対談します。

ティーンのカリスマ　ゴンザレスの「癒しの小部屋」

私の後ろに道が出来る。そう、カリスマとは俺のことよ！

株式会社サイバーアクセルアドバイザーズ

東京本社

東京都豊島区東池袋1-32-2 小泉ビル4F

福岡オフィス

福岡市博多区博多駅東2-18-28 ジェントリー博多3F

TEL03-3986-2773／050-3511-5525

営業時間：10:00～19:00お問い合わせ »
日・祝についてはメールでお問い合わせください

Copyright(C)2014　｜ホームページ制作・SEO対策を通じて集客向上↑売上UP↑Cyber Accel-Advisors. All Rights Reserved.