道草主義の佐々木ららんです。

今日のアメブロ小ネタは、グーグルマップの埋め込みです。


道草主義のレッスン場への案内を書かなくては、とずっと思ってました。

グーグルマップをブログに埋め込んでおけば、

どのあたりでやってるんだろう?って覗いて

行けそう!って思ったら来てもらえるかも^^

レッスンお申込みの方が、もう一度地図を見たいと思ったら

ブログにアクセスすれば、簡単に地図を外に持ち出せますよね!


途中までは、枠を書く時と一緒です。

では、スタート!

1、ご自分のアメブロの設定を確認します。
 マイページからブログを書くをクリックして、「設定・管理」をクリック



2、「基本設定」をクリック



3,「記事投稿画面(エディタの設定)」を確認
私は「新エディタ」にしていますが、まだここは何も触ってなければ「標準エディタ」だと思います。




はい、ちゅうもーく注目注

ここから変わりますよー。

4、「新エディタ」にしてください。

新エディタじゃないと、地図の埋め込みできません!

■そして、【HTML表示】でちょっと待たせてください。
川上雄大のワンポイントレッスン



今度はGoogleを開いてください。
メールに貼り付けるときと、途中まで一緒です

1、Googleを開いて、検索窓に表示したい場所の住所を入力
  →「Enter」



2、「地図」もしくは表示されてる地図をクリック
  →全画面を地図にする

3、歯車アイコンが出たらクリック。
  →「地図を共有または埋め込む」をクリック

4、「埋め込む」をクリック

5、小窓に出たタグをすべてコピーする




そしてアメブロに戻ります。

HTML編集のまま
になってますよね。

表示したいところに、さきほどコピーしたタグを貼り付けてください。





「表示の確認をする」では確認できませんが、

公開すれば表示されております^^


作業は以上です



さて、、、実はこのグーグルマップ埋め込みではちょっとオマケがありました(笑)



実はアメブロには禁止タグというのがあって、

元来この iframe で始まるタグは使えないのです。

保存してくれなくないのです。

つまり保存できないから → 公開(投稿)できない。 

・・・そのはずでした 
えぇー



だがしかし!!

ガ━━(;゚Д゚)━━ン!! 

な・・・なぜ、表示されてるっ??????

一瞬で疑問MAX!

まさか、いつの間にか仕様がかわった???

それとも

まさか、禁止タグ使わせておいて、

「よくも禁止タグ貼りやがって…こいつ、抹殺…ブログ削除っ!ぽち!」的なトラップ?





あまりの恐怖に、我が敬愛するnon師匠に助けを求めたところ、

IE固まらせつつ答えを探しだしてくださいました!


それは、エディタの違いでした!!

新エディタ やじるし 埋め込み○(まる)

標準エディタ やじるし 投稿時エラーとなり中止NG

タグ編集エディタ やじるし プレビューでエラー出て中止NG

という結論ですた。


byハンドメイドで起業する女子のためのPCサポート・non様様


師匠。。。素晴らしすぎます。

ほんとにありがとうございました。

non師匠の検証によりますと、今のところ iframeのみのようでございます。

なぜ、アメブロに禁止タグなるものがあるのか、

そのことについても触れておられまする。


そんなnon師匠。

今度お会いするとき、深々と一礼させていただきます!!!

ありがとうございました!