案内図や地図をブログに表示させる方法

HP,ブログ,地図,案内図,表示,方法,挿入

自分のブログやサイトに地図や案内図などを表示させる方法

HP,ブログ,地図,案内図,表示,方法,挿入

今回はグーグルマップやブログパーツを使って、簡単に自分のブログやHPに地図を表示させる方法についてお伝えしようと思います。

 

例えスマホの地図機能(GPS機能)があるにせよ、サイトに自分の所在地を表示させておくことで信頼度もあがりますし、アフィリエイターやネットショップの方もセミナー開催場所を告知したり、

 

リアル店舗の場所を紹介したりなど、地図も一つのコンテンツとして使えますので!

 

ではではなるべく簡単な順に紹介しますね!

 

ブログパーツを使えば,地図や路線図,案内図を表示させるのは超簡単!

まず、自分のブログに地図を表示させる際に一番簡単なのはブログパーツを使う事でしょう。

 

例えば地図表示ブログパーツを利用するとサイドバーのフリースペースに簡単に地図が表示可能。

 

HP,ブログ,地図,案内図,表示,方法,挿入

【 ギョギングマップ,住みよい街マップ,ルートマップなど使えそうじゃありませんか? 】

 

下にちょっと制作者の宣伝が出ますが、地図を見たい人はそんなこと気にしませんよね?お店までの路線図なんかは表示してくれるとありがたいです♪

 

私もペットショップを最近は周るのですが(ペットは世話の手間がかかるので沢山店舗に置けないため)、実際にあとひと工夫でサイトから離れないのに・・・。と思うことは多々あります。

 

個人ブログに簡単な所在地しかなくて、またマップを調べるのに二度手間ですから。折角ブログやHPに来たのに、地図を調べているうちに別の店(ライバルサイト)に興味を持たれてしまったのではもったいなくないですか?

 

新機能になったグーグルマップで地図をホームページに挿入しましょう!

次に自分で地域や場所を限定した地図をホームページに挿入する方法について説明したいと思います♪グーグルマップが2014年にアップデートして今までと埋め込みの仕方が若干変わったので注意が必要です

 

① グーグルアカウントを取る(とらなくても可能)

 

・・・gmailやyoutubeアカウントを取る際にすでに登録している方が多いと思います。

 

② 次にグーグルマップに行き表示させたい場所を選択

 

HP,ブログ,地図,案内図,表示,方法,挿入

  【 今回はスカイツリー周辺の案内図をホームページに埋め込みます! 】

 

すると?

 

HP,ブログ,地図,案内図,表示,方法,挿入

地図上に目的地がアイコンで示されます。

 

 

② 出発先と目的地を検索窓に打ち込む

HP,ブログ,地図,案内図,表示,方法,挿入

続いて出発先を入力すると、そこまでの道順が表示されます

 

③ 交通手段はアイコンで変更が可能。車・徒歩・電車・自転車です。

 

HP,ブログ,地図,案内図,表示,方法,挿入

 

HP,ブログ,地図,案内図,表示,方法,挿入

【 徒歩も表示できましたか? 】

 

 

④次に右下の歯車マークをチェックしましょう

 

HP,ブログ,地図,案内図,表示,方法,挿入

 

⑤この動画を共有を選択

HP,ブログ,地図,案内図,表示,方法,挿入

 

⑥自分でサイズを選択して!

HP,ブログ,地図,案内図,表示,方法,挿入

 

後はコードを張り付ければOK!これでブログやホームページに自分の好きな道順を示したマップを表示できます。他にもお勧めのお店情報なんかもコメント付きで楽々表示。

 

 

一歩差がつくコンテンツの出来上がり♪ ちょっとチャレンジしてみてください!

 

アフィリエイトランキントップを比較しましょう!

いろんな人から新しいアフィリエイト技術を吸収すべし!
私もゼロから沢山教わって稼げるようになったのです!

もしこの記事が気に入ったらブックマーク・いいね!お願いします(>_<)お礼きっと致します♪


HP,ブログ,地図,案内図,表示,方法,挿入

アフィリエイトに関する質問はコチラで受け付けています

メルマガで真面目に教えています!稼げるサイトを2週間で作ろう!


HP,ブログ,地図,案内図,表示,方法,挿入

ブログやHPに地図を埋め込んで表示させる方法関連ページ

商用OK・著作権フリーの画像サイト
ここでは著作権フリー、商用OKのすすめの画像と動画サイトを紹介します。かってにアニメや漫画の一部を使うのは違法ですよ?
アフィリエイトに使える人物素材集
アフィリエイトサイトには結構人物画像や写真が必要になってきますよね?ここでは無料で使えてダウンロードも簡単な人物素材集をまとめました。
画像を作り出すオススメツール
アフィリエイトの写真素材を作るオススメツールについてまとめました。ちょっとした編集技術があれば、オリジナルのバナーや画像写真が簡単に作れますよ
便利な円グラフ作成ツール
ブログやHPにかわいい円グラフを簡単に作れるツールが無料で公開されているので紹介します。説得力のある文章にデータも添えれば一石二鳥!
似顔絵作成も簡単!オンライン画像編集
ここではアフィエイトに必要が画像編集と加工がオンライン上でできてしまう無料のサイトを一覧で紹介しようと思います。ちょっと写真をいじるだけでクリック率が伸びますよ?
画質を下げずに画像を大きくする方法
アマゾンや楽天の写真をちょっと拡大してみたい!でもアフィリエイト広告画像や写真を拡大すると目が粗くなって困ってします。そんな人は無料のソフト「SmillaEnlarger」を使ってみましょう!
無料の日本語ロゴジェネレイターでホームページを飾ろう!
無料で公開されているロゴジェネレイター(ロゴ作成ソフト)を使って、ホームページをカッコよくデザインしてみましょう!ちょっとヘッダーやサイドバーに入れておけばちょっとブランディング化できると思いますよ!
無料のバナー画像作成ツールを使ってヘッダーを変えよう!
今回は無料のバナー画像作成ツールを使って簡単にヘッダー画像を加工する方法をお伝えします。難しいフォトショップなどは不要!ブログの顔であるヘッダーを変えて、インパクトを高めましょう!サムネイルや記事中の画像もひと手間かけてオリジナルに!
このページの先頭へ戻る

ホーム RSS購読 サイトマップ
トップページへ アフィリエイト講義一覧 厳選集客ツール 厳選教材とツール 目次