2022年のウェブサイト向けの5つの最高の無料インタラクティブGoogleマップウィジェット

ビジネスの場所を強調する最良の方法の 1 つは、Web サイトで地図を使用して、ユーザーが最短ルートを簡単に見つけられるようにすることです。 Google マップ ウィジェットは、地図位置ウィジェットをサイトに追加したいビジネスにとって非常に便利なウィジェットです。

この記事では、サイトで使用できる無料の Google マップ ウィジェットのトップ 5 を紹介します。

ウェブサイトで Google マップを使用する際に考慮すべき 5 つのヒント

1. すべてのビジネスの場所を特定する– ビジネスに複数の場所がある場合は、必ずそれらを追加して、Google マップがユーザーの場所に基づいて最も近い場所を提案するようにします。 以下に示すほとんどの Google マップ ウィジェットがサポートしています。
2. 適切な場所に埋め込む– ウェブサイト用の Google マップ プラグインによっては、サイトの読み込み速度が遅くなる場合があります。 したがって、サイトの「お問い合わせページ」などの適切な場所にのみ埋め込むようにしてください。 さらに、Google タグ マネージャーや Cloudflare の Zaraz などのサービスを使用してテストし、Google マップ ウィジェットのスクリプトを非同期的にロードして、ページ速度への影響を調べることができます。
3. マップ コントロールの設定– マップ タイプ (ロードマップ、衛星、地形)、ズーム、縮尺、回転、フルスクリーンなどのマップ コントロールを有効にして、Google マップ ウィジェットを使いやすくします。
4. A/B テスト– さまざまなマップの色、ウィジェットの配置などを試して、パフォーマンスを判断します。
5. 他のコンバージョン促進要素を使用する– ビジネスの Google マイ ビジネス プロファイルを設定したとします。 では、Google レビューをウェブサイトに埋め込んでみませんか?

あなたのウェブサイトに最適な Google マップ ウィジェット

注: Google Cloud プラットフォームで Google マップ用の API を作成する必要がある場合があります。これは、使用量に応じて費用がかかる場合があります。

ElfSight Google マップ ウィジェット

ElfSight は、CTA ボタン付きのイベント カレンダー、Yelp レビュー、コロナウイルス統計、オーディオ プレーヤー、証言スライダーなど、さまざまなプラグインを Web サイトに提供する人気のあるサービスです。

そのGoogle マップ ウィジェットには多くの機能が満載されており、ウェブサイト用にレスポンシブなカスタム Google マップ ウィジェットをシームレスに作成できます。

主な機能

• 詳細な連絡先情報でビジネスに簡単にアクセスできるようにします– ElfSight の Google マップ ウィジェットを使用すると、地図上にさまざまな種類の連絡先情報を表示できます: マーカーを追加し、電話、住所、営業時間などを含む情報ウィンドウに最大限の詳細を表示します; すべての場所を場所パネルの 1 つのリストにまとめて、ユーザー フレンドリーなビューにします。
• 自動ルート検索と時間計算– Web サイトの訪問者は、ページを離れることなく、ルート案内パネルで最も効率的な徒歩または運転ルートとルート計算を確認できます。
• 5 つのマップ レイヤー– POI (Points of Interest) (マイルストーン、機関、遺産、企業オフィスなどの専用の地理的エンティティ)、交通、交通機関、自転車、ストリート ビュー。 マップ上のすべてのアイテムを有効にすることができます。
• 複数の場所と 50 以上のアイコン– 無制限の数のマーカーをマップに追加します: 店舗、レストラン、公共の場所、公園 – 50 以上のカテゴリのライブラリから選択し、それぞれにアイコンを付けます。
• マップ コントロール– ElfSight Google 方向マップ ウィジェットを使用すると、マップ タイプ (衛星、地形、ロードマップ)、ストリートビュー、ズーム、縮尺などのコントロールを有効にできます。
• カスタム Google マップ スタイル (JSON) – 4 つの組み込みスタイル (デフォルト、シルバー、ナイト、レトロ) があり、カスタム カラー マップを作成したり、JSON を使用して追加したりできます。 Google Data Studio (チュートリアルはこちら) または Snazzymaps を使用して、カスタムの Google マップ スタイルを作成できます。
• マーカー クリック時のアクション– 情報ウィンドウを開く (指定した詳細を含むパネル)、URL にリダイレクトする (予約ページやサインアップ ページなどの適切なページにユーザーを誘導するのが最適です)、なし (何も起こりません)
• アニメーション– マーカー アニメーションで読者の注意を引きます。
• 任意のサイトに埋め込む– WordPress、Google サイト、Blogger、Brizy、Weebly、Wix、Webflow、Squarespace、Clickfunnels、または任意の HTML サイトを使用しているかどうかに関係なく、コード スニペットを配置することで Google マップの位置ウィジェットを簡単にインストールできます。
• 統計とサイト管理– 各ウィジェットが受け取ったビューの数と、ウィジェットが埋め込まれたサイトを調べます。 ElfSight ダッシュボードから簡単にサイトをブロックできます – 代理店にとって優れたオプションです.

これは、ElfSight を使用して Web サイト用の Google マップ ウィジェットを作成する方法に関するビデオです。

Google マップ ウィジェット ジェネレーター

以下で独自の Google マップ ウィジェットを作成します。

価格

ElfSight には 2 つの料金モデルがあります。 単一アプリの価格とすべてのアプリの価格。 Google マップ プラグインのみの価格は以下のとおりです。

• Lite – 無料– 1 つの Web サイト、1 か月あたり 200 ビュー、ElfSight ロゴ
• 基本 – 月額 5 ドル– 無制限の Web サイト、月あたり 5,000 ビュー、ElfSifght ロゴなし
• Pro – 月額 10 ドル– 無制限の Web サイト、1 か月あたり 50,000 回のビュー、ElfSifght のロゴなし
• エンタープライズ – 月額 25 ドル– 無制限の Web サイト、月あたり 5,000,000 ビュー、ElfSifght ロゴなし

すべてのアプリ パッケージには、Google マップ ウィジェットと、オールインワン レビュー ウィジェットなどの 40 以上の他のアプリが含まれています。 価格の詳細を以下に示します。

ElfSight Google マップ ウィジェットを試すには、ここをクリックしてください。

Power Maps プラグイン

Powr は、サイトをアップグレードするための強力なプラグインを提供する ElfSight のようなサイトです。 現在、Powr アプリ ライブラリには 40 を超えるさまざまなアプリがあります。 電子メールのカウントダウン クロック、価格表メーカー、カウントアップ タイマーなどがあります。

ほとんどの Powr アプリと同様に、 Powr Maps プラグインは機能が豊富で、ElfSight Google Maps ウィジェットとは異なり、Powrは Google Maps API キーを必要としません。

主な機能

• 2 つのマップ プロバイダー– オープン ストリート マップまたは Google マップ。
• 最大 5 つの場所のピン– Google マップ ウィジェットに最大 5 つの場所をピンで留めます。
• あらゆる場所のインタラクティブ マップ– ユーザーはサイトから直接、ズーム、スケーリング、マップ タイプの変更などを行うことができます。
• クイック ナビゲーション用の場所パネル– 強調表示するすべての場所を一覧表示し、ユーザーは各項目をクリックして、現在の場所からの正確な場所、距離、およびルートを確認できます。
• 9 つのユニークな表示スタイル– Web サイトのテーマに合わせてウィジェットのスタイルを調整します。
• 任意の言語のテキストをサポート– カスタム テキストでウィジェットをローカライズ
• カスタム フォント、色、背景など- 10 種類以上のフォントから選択し、フォント サイズ、テキストの色などを変更します。
• ウィジェット サイズのカスタマイズ– ウィジェットの幅を調整します。
• カスタム CSS – Powr では、カスタム CSS を使用して Google マップ プラグインのスタイルを設定できます。
• カスタム JavaScript – プラグインがサイトにロードされたときに JavaScript コードを実行します。
• 任意のプラットフォームにインストール– HTML コード スニペットをコピーして貼り付けることで、任意のプラットフォームに Google マップ ロケーション プラグインを簡単に埋め込むことができます。

ここでは、Powr Maps プラグインを使用して Web サイト用の無料の Google マップ ウィジェットを作成する方法を示します。

デモ

価格

Powr の Google マップ プラグインは無料です。 ただし、CSV を介した大量の場所のインポートや最寄りの場所の表示などの追加機能を使用するには、有料プランにアップグレードする必要がある場合があります。

• 無料– 5 つの場所、ウィジェットでの Powr ブランディング
• スターター – $5.49/月– 10 か所、検索バー、カスタム ピン、最寄りの場所の表示、No Powr ブランディング
• Pro – 月額 13.49 ドル– 50 か所、検索バー、カスタム ピン、カスタム CSS & JS、最寄りの場所の表示、CSV 経由の大量インポート、Powr ブランディングなし
• ビジネス–月額89.99ドル–無制限の場所、検索バー、カスタムピン、カスタムCSSおよびJS、最寄りの場所の表示、CSVによる一括インポート、Powrブランディングなし

ここをクリックして、Powr Map プラグインを試してください。

WP マップ

WordPress を使用してサイトを強化し、マップ プラグインを探している場合、flippercode による WP Maps は、多数の機能とカスタマイズ可能なオプションを備えた優れたプラグインです。

主な機能

• 無制限の地図と場所- 無制限の地図上のさまざまな情報を使用して、無制限の場所を固定します。
• マーカーのカスタマイズ– 独自のマーカーをカテゴリに割り当てるか、マップ アイコン コレクションの 500 以上の既製のマーカーからカラフルなマーカーを選択します。
• 4 つのマップ タイプ– ロードマップ、サテライト、ハイブリッド、テレイン
• ストリート ビュー– ストリート ビュー、Pov (視点) 見出し、およびストリート ビューの Pov ピッチを有効にします。
• 地図の様式化 – Snazzymaps.com のカスタム Google マップ。
• 場所を検索するためのフロントエンド マップの検索コントロール
• 多言語サポート、45° 画像機能など。

WP Maps は、WordPress 用の無料の地図プラグインです。 その有料版 (PRO) には、場所のインポート/エクスポート、訪問者への方向とルートの提案、マルチサイト サポートなどのより多くの機能が含まれています。

おしゃれな地図

Snazzy Maps は、スタイリッシュな Google マップ ウィジェットをオンラインで無料で生成できるオンライン サービスです。 すべてのスタイルはクリエイティブ コモンズの下でライセンスされており、完全に無料で使用できます。

主な機能

• スタイル ライブラリ– 何千もの Google マップ ウィジェット スタイルがあり、それぞれに人々の選択に基づくお気に入りのスコアがあります。 何千ものスタイルを探索し、JSON コードを取得して、埋め込み可能な Google マップ ウィジェットを作成する際にスタイルを使用できます。
• 独自の Google マップ ウィジェット スタイルを作成する – ステップバイステップのプロセスにより、独自のスタイルを簡単に作成できます。
• マップの作成– マップ スタイルの使用、ウィジェットのサイズと位置の設定、マーカーの追加、言語、コントロール、動作設定のカスタマイズ、Google マップのソース コードの生成を行います。
• プラグイン– WordPress プラグインを使用して、WordPress サイト内に Google マップを構築およびインストールします。

SnazzyMaps は無料の Web サイトで、Google マップ ウィジェットのスタイルを調べたり、独自のスタイルを作成したり、Web サイト用の埋め込み可能な Google マップ コードを生成したりできます。

SnazzyMaps を試すには、ここをクリックしてください。

Google マップ用 WordPress マップ プラグイン

WordPress を使用してサイトを強化していて、マップ プラグインを探している場合は、WebFactory Ltd の Google マップ ウィジェット プラグインが最適です。

主な機能

• カスタム Google マップのサイズ
• ロード マップ、衛星地図、地形図、ハイブリッド マップなど、Google マップの種類を選択します。
• Google マップの配色
• リンクの種類 – ライトボックス マップ、カスタム URL
• ズーム レベルの制御
• Google マップの言語、カスタム ピン アイコン、ショートコードを設定して、WordPress サイトのどこにでも Google マップを埋め込むことができます。

WebFactory LTD は、Gutenberg ブロック エディター用に「Map Block for Google Maps」という別のプラグインを提供しています。

プラグインは無料です。 より多くの機能を含む Pro バージョンがあります。

ウェブサイトに最適な Google マップ ウィジェットに関する最終的な言葉

適切な場所で適切なウィジェットを使用すると、パフォーマンスの低いキャンペーンを損益分岐点または収益性の高いキャンペーンに変えることができます。 以前の記事では、カスタムの PayPal Pay ボタンをウェブサイトに追加する方法、ウェブサイトのカウントダウン タイマー ウィジェットなどを追加して、サイトのコンバージョン率を改善する方法を紹介しました。 同様に、ウェブサイトで Google マップ ウィジェットを使用すると、ローカルおよび国際的なビジネスに特に役立ちます。

個人的には、 ElfSightや Powr などのサービスを使用することをお勧めします。これらのサービスでは、将来便利になるウィジェットの種類が増えるからです。 主な違い、長所と短所などについては、この ElfSight と Powr のレビューをご覧ください。