Bloggerの編集画面に新しい通知がきました。
Bloggerのベータ版機能としてお店や場所の情報（Googleマップウィジェット）を簡単に埋め込めるようになったようです。
通知が来てしばらく（数週間？）は操作ボタンを押してもエラー画面でしたが、ようやく使えるようになったので試してみました。
|
今回はこの紹介です😋。
【Blogger備忘録】ブログにお店・場所などの情報を簡単に埋め込む（ベータ版新機能：『Googleマップウィジェットを挿入』）
●Googleマップウィジェットとは
Googleマップと連動してお店や場所の所在地（地図）・写真・営業時間・クチコミ等の情報を表示してくれるウィジェットです。
と書いても分かりづらいですよね😅。
以下は本記事に埋め込んだGoogleマップウィジェットの実例です（スクショではありません）。
あっちこっち触ってみてください😋。
例：『東京タワー』のGoogleマップウィジェット
どこかで見たことがあると思ったら、Googleマップに出てくる場所情報の簡易版ですね。
コレが簡単にブログに埋め込めるようになりました。
●使用する機能（Googleマップウィジェットを挿入）
コレです。
 |
| 『Googleマップウィジェットを挿入』ボタン（Blogger編集画面） |
Googleマップウィジェットを記事に簡単に挿入できるBlogger編集画面のベータ版新機能です。
・仕様（？）：Bloggerの通知より
Bloggerの編集画面の通知によると：
**新しいベータ版機能をお試しください**: Google の機能を活用して、より魅力的な体験を読者に提供しましょう。
Google マップ ウィジェット: 所在地、営業時間、写真、クチコミなど、インタラクティブな場所の詳細を投稿に直接埋め込むことで、ブログのコンテンツを充実させることができます。開始するには、作成ビューでツールバーにある地図アイコンをクリックしてください。 Blogger編集画面 🔔通知より
ということです😙。
●ブログへの埋め込み（設置）方法
Bloggerの編集画面のマップウィジェットを埋め込みたい箇所でツールバーから『Googleマップウィジェットを挿入』を選択します。
|
| Blogger編集画面 |
するとGoogleマップウィジェットの追加（挿入）ウィンドウが開きます。
|
| Googleマップウィジェットの追加ウィンドウ（Blogger編集画面） |
検索欄にお店や場所の名称、もしくは具体的な住所を入力すると候補を表示してくれます。
候補から目的の場所を選択して『追加』ボタンを押せば追加（挿入）完了です。
|
| Googleマップウィジェットの追加ウィンドウ（Blogger編集画面） |
Bloggerのメインの編集画面に戻るとこんな感じでマップウィジェットが表示されます。どんな画像がブログに表示されるのか等の具体的なイメージが分かって良いですね。
|
| Blogger編集画面 |
●使用感
記事に埋め込んだGoogleマップウィジェットについては私が説明するよりも実際にいじってもらった方が良いと思います😋。
上記の手順で埋め込んだ『皇居』のマップウィジェットはこんな感じです。是非あっちこっちといじってみて下さい。
自分で地図情報を書くより2億倍楽で分かり易いですよね😅。
●改善要望点
- 特にありません😋。
●まとめ
Googleマップウィジェットはお店や建物・場所を紹介する時には非常に便利だと思います。
記事への埋め込み方法も非常に簡単でいい感じです😋。
この前にBloggerに搭載された『Google検索ウィジェット』機能は良い使い方を思いつきませんでしたが、今回は使えます！
機能更新の少ないBloggerですが、今回はとても良い仕事をしてくれたと思います♪
【おまけ】GoogleマップウィジェットのHTML上の表記
GoogleマップウィジェットはHTML上では<iframe>で記載されています。ウィジェット本体は他から読み込んでいますね。「だからどうした？」ってことですが、ご参考まで。
