アメブロにお店の地図を表示させる簡単な方法 【グーグルマップ】 | お店ブログ向けのデザイン屋。アメブロ・ワードプレスのカスタマイズ。

お店ブログ向けのデザイン屋。アメブロ・ワードプレスのカスタマイズ。

お店ブログ・個人に向けたWEBデザイン屋のブログです。
アメブロ・ワードプレスのカスタマイズなど承っておりますのでお気軽にどうぞ。

さて前回の続き。

前回は住所より地図載せましょうよーと説いたわけです。

 前も書きましたが”行きやすいお店”ってのが人が動きやすい一番基本的な条件なんです。お店ブログの最終目標は ”来店” なんですから。

ショップカードとかの地図使うのがベストなんですが、地図の画像自体無い店舗さんにはこれがオススメです。


グーグルマップです。実際にはこんな感じになります↓


大きな地図で見る

※地図は僕が通ってた京都の芸大。PCによってふきだしが隠れる場合があります。



グーグルマップを埋め込む方法。



では簡単にアメブロにグーグルマップで地図を表示する方法です。

1、ハイ、ではまずグーグルマップに行きましょう。
Googlemap


2、検索窓に住所を入れましょう
お店ブログ向けのデザイン屋。アメブロ・ワードプレスのカスタマイズ。



3、地図が出てきたら鎖マークのリンクをクリック。
お店ブログ向けのデザイン屋。アメブロ・ワードプレスのカスタマイズ。



4、するとこんなウィンドウがでるので”埋め込み地図のカスタマイズとプレビュー”をクリック。
お店ブログ向けのデザイン屋。アメブロ・ワードプレスのカスタマイズ。



5、さらにウィンドウが開いて詳細設定ができるようになります。
ちなみにこの記事で表示したマップは小です。
お店ブログ向けのデザイン屋。アメブロ・ワードプレスのカスタマイズ。



6、そして最後にHTMLタグを記事にコピペですね。
お店ブログ向けのデザイン屋。アメブロ・ワードプレスのカスタマイズ。




 これでお店の詳細地図がブログに表示されるようになります。昔は禁止タグ扱いになって表示できなかったんですが今はすんなり表示されます。


 アクセスマップのページに入れるのがベストでしょうか。重くならない・デザイン的におかしくならないのであればサイドバーに埋め込んでもいいでしょう。




 きちんと”来店”っていう目標設定した上でブログ作ってくと、こういう外部サービスってすごい便利なんですよー。

 意識が変わると見方が変わるんです。なにげなくナスカの地上絵見てたグーグルマップが強力な武器になるんです。


ネット上のありとあらゆるすべてをお店のための武器に変えるのがこのブログ。やり方はドンドン出していきますよ♪


読者登録してね ぜひ読者登録お願いします。