GoogleマップをWordPressと統合する方法は？
公開: 2020-07-25実店舗を経営しているなら、サイトにグーグルマップを追加できたら素晴らしいと思いませんか？ このガイドでは、 GoogleマップをWordPressと統合し、ウェブサイトを最大限に活用する方法を学びます。
このような相互接続された世界では、Googleはその存在をどこにでも知らせる最大の帝国の1つです。 Gmail、Googleドライブ、Google検索など、私たちが毎日使用している複数のユーティリティの中で、Googleマップはこれまでで最も便利なWebマッピングサービスの1つとしての評判を得ています。 2005年に発売されたこのナビゲーションツールは、Googleが開発したもので、衛星画像、航空写真、道路地図、リアルタイムの交通状況など、さまざまな選択肢をユーザーに提供します。 Googleマップが2020年に毎月10億人以上の世界市民によって使用されているのも不思議ではありません。
サービスがどれほど素晴らしいか、そして毎日何人の人々がそれを使用しているかを知っているので、あなたのワードプレスサイトにグーグルマップを追加することはあなたのビジネスに無数の利益をもたらすことができます。
なぜあなたのサイトにGoogleマップを追加するのですか？
当たり前のように思えるかもしれませんが、愛するWebサイトに何かをする前に、GoogleマップをWordPressと統合することの利点をよりよく理解しましょう。
- データは嘘ではありません：スマートフォンでナビゲーションアプリを使用するすべての人のうち、67％がGoogleマップを使用しています。 残りの33％は、他の3つのアプリケーションに分割されており、それぞれがわずかな割合を占めています。 調査によると、人々が好みのナビゲーションアプリとしてGoogleマップを選択する主な理由は、25％を占める明確な方向性です。
- ローカルSEOを後押しする：サイトにGoogleマップを埋め込むと、SEOの点で利点があります。 たとえば、フラワーショップのウェブサイトに地図がある場合、「花」というキーワードを検索すると、検索結果にあなたのウェブサイトが表示される可能性があります。
- スピード：Googleサービスのスピードに匹敵する会社は他にありません。 このテクノロジーの巨人は、Googleマップを含むすべてのユーティリティに大きな力を与えています。 したがって、ウェブサイトの地図をGoogleに基づいて作成すると、地図の読み込み時間がこれまでで最も速くなります。
WordPressサイトにGoogleマップを追加することの主な利点のいくつかをよりよく理解したので、それを行う方法を見てみましょう。
GoogleマップをWordPressに接続する方法
GoogleマップをWordPressに接続する主な方法は3つあります。
- Googleマップを手動で埋め込む
- ウィジェット経由
- プラグイン付き
それぞれが何を提供しなければならないか、そしていつどちらを使うべきかを見てみましょう。
1.WordPressにGoogleマップを手動で埋め込む
これは、GoogleマップをWordPressと統合するための最も簡単で最速の方法です。 この手法を使用してWebサイトに地図を表示するのは非常に簡単ですが、好みに合わせて地図をカスタマイズするには、HTMLとJavascriptの基本的な知識が必要です。 したがって、HTMLスキルに自信がある場合、またはカスタマイズなしで基本的なマップが必要な場合は、この方法が最適です。
ステップ1：Googleマップに移動します
このステップでは、Googleマップに埋め込みたい場所がすでにあると仮定します。 たとえば、ビジネスの場所を共有する場合は、Googleマップに送信したことを確認してください。 マップ上にあるので、場所を入力し、必要な表示のタイプ（マップ、衛星、または地形）を選択するだけです。
たとえば、表示する場所がニューヨークのタイムズスクエアで、衛星ビューを表示する場合は、[共有]をクリックするだけです。
ステップ2：HTMLコードを取得する
[共有]をクリックすると、2つのタブがあるボックスが表示されます。 [地図を埋め込む]タブに切り替えて、HTMLコードをコピーします。
このステップでは、マップのサイズを選択することもできます。 私の例からわかるように、デフォルト設定は中サイズですが、小、大、またはカスタムサイズに変更することもできます。
ステップ3：ページ/投稿にコードを埋め込む
HTMLコードを入手したら、WordPress管理ダッシュボードに移動して、マップを埋め込む場所を決定します。 この例では、新しい投稿にコードを挿入します。 そこで、[新規追加]をクリックして、カスタマイザーインターフェイスに移動します。 ページビルダーによっては、画面の外観が異なる場合がありますが、オプションは似ています。 ここでは、投稿に名前を付け、マップを使用可能なブロックに挿入します。
次に、投稿を公開する必要があります。取得するのは次のとおりです。
短くて甘いですね。 この方法は非常に高速で初心者に優しいため、最も一般的な方法の1つです。 少しコーディングしてマップにカスタマイズを追加することもできますが、カスタマイズしなくても、サイトで見栄えがよく機能的なマップを取得できます。
2.ウィジェットを使用してWordPressにGoogleマップを埋め込む
ウィジェットの使用は、WordPressWebサイトにGoogleマップを表示するためのもう1つの簡単な方法です。 ウィジェットは便利で使いやすいので人気があります。 ただし、欠点もあることに注意してください。 ウィジェットは、使用するテーマに応じて、サイトの特定の領域（通常はフッターとサイドバー）にのみ表示できます。 これは、ページ/投稿に地図を埋め込むことができないことも意味します。
したがって、フッターまたはサイドバーにマップを表示する場合は、これがその方法です。
ステップ1：GoogleMapsウィジェットプラグインをインストールしてアクティブ化する
この方法では、Google MapsWidgetプラグインをダウンロードしてインストールする必要があります。 その後、 WordPress管理ダッシュボード>プラグイン>新規追加に移動します。 次に、ダウンロードした.zipファイルをアップロードしてアクティブ化します。 これを正しく行うと、プラグインからお礼状が届きます。
ステップ2：GoogleマップからAPIキーを取得する
マップが正しく機能するには、APIキーが不可欠です。 そのため、Google Developers Consoleにアクセスし、ドロップダウンからプロジェクトの作成を選択します。 次に、[同意する]をクリックして続行します。 その後、[プロジェクトへの資格情報の追加]ページに移動します。 [ APIキー]をクリックし、名前を付けて[作成]をクリックします。
次に、作成したAPIキーをコピーします。
次に、Google Maps Widgetプラグインの設定ページに戻り、APIキーを貼り付けて、[保存]ボタンをクリックします。
ステップ3：Googleマップを表示する
次に、 [外観]> [ウィジェット]に移動し、Googleマップウィジェットを見つけて目的の場所に配置し、[ウィジェットの追加]をクリックします。
次に、アドレスを入力し、マップのサイズとタイプ、ピンの色とサイズ、ラベルなどを含むいくつかのオプションを変更できるポップアップが表示されます。
準備ができたら、[保存]をクリックして、フロントエンドでマップを確認します。
このメソッドには、プラグインのインストールとAPIの取得が含まれるため、いくつかの追加手順がありますが、いくつかの基本的なカスタマイズオプションが提供されます。 一方、ウィジェットであるため、サイトの特定の領域にのみ表示できます。
3.プラグインを使用してGoogleマップをWordPressと統合します
前の2つの方法は、ビジネスの場所またはあらゆる種類の静的な場所を表示するための優れたオプションです。 ただし、マップがWordPressサイトで重要な役割を果たす場合、または1つの投稿/ページに複数のマップを含める必要がある場合は、プラグインの方が適しています。 プラグインを使用してGoogleマップをWordPressと統合するために、多くの開発者がレースに参加しています。 このスレッドでは、この目的に最適なツールの1つであるWordPress用のMapPressマップを紹介します。
したがって、プラグインを使用してGoogleマップをWordPressサイトに追加するには、次のことを行う必要があります。
ステップ1：WordPressプラグイン用のMapPressマップをインストールしてアクティブ化する
MapPress Maps forWordPressプラグインをPC /ラップトップに無料でダウンロードしてからアクティブ化します。
ステップ2：マップを使用して新しい投稿を追加する
その後、WordPress管理ダッシュボードから新しい投稿/ページを追加します。 公開された投稿を編集して地図を追加することもできます。 投稿のタイトルとコンテンツを終了したら、下にスクロールしてMapPressで何ができるかを確認します。
地図に名前を付けて場所を入力したら、[保存して投稿を公開]をクリックします。 フロントエンドにインタラクティブマップを含む投稿が表示されます。
このプラグインを使用すると、無制限のマップを追加したり、マップをカスタマイズしたりすることもできます。 MapPressの設定から、設定とマップの表示方法を変更できます。 地図の種類、地図のコントロールと配置、投稿の種類、道順の取得先、ストリートビューなど、編集するオプションは多数あります。
MapPressには、49.95米ドルから始まるプロバージョンもあり、マッシュアップマップ、ウィジェット、カスタムマーカーアイコン、およびその他の機能が含まれています。 ただし、インタラクティブなGoogleマップをサイトに含めるだけの場合は、無料バージョンで十分です。
結論
結論として、 WordPress WebサイトにGoogleマップを追加すると、ユーザーに便利なツールを提供することからSEOの結果を改善することまで、ビジネスに多くのメリットがあります。 ただし、利用できる方法はいくつかあるので、どれを選択する必要がありますか？
Googleマップをサイトに統合する前に、いくつかの関連するビジネス要因を慎重に検討する必要があります。 たとえば、顧客があなたの場所を知ることができるようにサイドバーまたはフッターに地図を表示するだけでよい場合は、ウィジェットを使用するのが実用的な選択です。 一方、特定の投稿やページに地図を表示したい場合は、手動で埋め込むことができます。 最後に、ビジネスで場所や地図を頻繁に扱う場合は、MapPressプラグインが最適なオプションです。
最後に、生産性を高めてサイトを最大限に活用したい場合は、次のガイドをご覧ください。
- サイトをGoogleカレンダーと統合する方法
- TrelloボードとカードをWordPressに埋め込む
- WordPressにCalendlyを埋め込む方法は？
- EventbriteをWordPressに接続する
GoogleマップをWordPressサイトに統合する方法について質問がありますか？ 以下のコメントで私たちに書くことを躊躇しないでください！