こんにちは!
櫻井法恵(のりんちゅ)です。
自宅サロンやお店をされている場合。
イベントの場所を提示して告知したい場合。
住所が書いてあるだけじゃなくて、地図も入っているとわかりやすいですよね~!
でね。
知らない方も多いんですが、実はめっちゃ簡単に、アメブロの記事内にGoogleマップを埋め込むことができるんですよ~♪
という事で、今回はアメブロ記事の中にGoogleマップを埋め込む方法をお伝えします。
アメブロへのGoogleマップの埋め込み方
まずはGoogleマップを開いてください。 ▶Googleマップ
Googleマップで住所を入力、地図を表示させる
マップに、お店の名前や該当の住所などを入力して検索します。
今回は、家族でよく行く公園で試しております・・・
該当の場所が出てきたら、【共有】→【地図を埋め込む】から、出てきたHTMLをコピーします。
ちなみに、地図は【中】のサイズで出てきますが、横の【▼】ボタンをクリックすると・・
【小】【大】【カスタマイズ】等も出てくるので、好きな大きさを選べます。
ブログのデザインやレイアウトによって、【小】くらいいの大きさの方がちょうどいい場合もあるので、地図を貼りつけて、試してみてくださいね。
【カスタマイズ】にすると、こんな感じで自分で大きさが選べます♪
Googleマップの情報をアメブロに貼り付ける
さて、地図情報のHTMLをコピーできたらアメブロを開きます。
【記事を書く】を開いて【HTML表示】のタブに切り替えてください。
そして、コピーしたHTMLを貼りつけます。
【通常表示】に戻すと、こんな感じで地図が埋め込まれています♪
公開した記事で、きちんとGoogleマップに飛ぶか、試してみてくださいね!
告知記事や案内記事の詳細の中に入れておくとわかりやすくなりますよ~♪
集客のために告知記事に書きたい事はこちらをご覧くださいね。
まとめ
サロンやお教室だと、住所が書いてあるだけだと検索しないといけなくてちょっとめんどくさい・・・。
また、イベントの際なども、告知のページに地図が埋め込まれているととってもわかりやすいです♪
Googleマップにアクセスして経路検索して簡単にたどり着けちゃうから、来ていただく際にも迷子になりづらいですよね~!
あとは、カフェやレストラン、施設などの紹介記事を書いた時なんかも、Googlemapが貼りつけられているととっても親切♡
という事で・・
アメブロ記事へのGooglemapの埋め込み、ぜひやってみてくださいね^^
地図とともに、「スマホから、電話番号タップで電話がかけられる設定」も大切よ!
こちらも簡単なのでやってみてくださいね~