header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix サイトに Yandex マップを埋め込む

2分
重要:
Yandex Maps アプリは Wix App Market での提供が終了しました。Yandex マップをサイトに追加する場合は、Yandex map constructor を使用してマップを作成し、コードをサイトに貼り付けてください。
カスタム Yandex マップをサイトに追加して、顧客にあなたのビジネスの場所を知らせましょう。

ステップ 1 | Yandex Map constructor を使用して地図を作成する

Yandex Map constructor を使用すると、ルートをデザインしたり、位置をハイライトしたりできる独自のマップを作成することができます。マップを作成したら、サイトに埋め込むことができるコードを生成することができます。

マップを作成する方法:

  1. Yandex にログインします。
  2. Yandex Maps constructor にアクセスします。
  3. Create map(地図を作成)」をクリックします。
  4. 地図のタイトルと詳細をカスタマイズします。
  5. (オプション)「Import」オプションを使用して、地図にオブジェクトを追加します。
Yandex マップのタイトルと詳細欄を示したスクリーンショット。
  1. Save and continue(保存して続行)」をクリックします。
  2. Embed on site(サイトに埋め込み)」を選択します。
  3. 地図のサイズをカスタマイズします。
  4. Get map code(マップコードを取得)」をクリックします。
  5. ボックス内のコードをコピーします。

ステップ 2 | サイトにコードを埋め込む

Yandex Map constructor からコードをコピーしたら、サイトのエディタに戻ってコードを埋め込みます。

サイトにコードを埋め込む方法:

Wix エディタ
Wix Studio エディタ
  1. エディタ左側で「パーツを追加 をクリックします。
  2. 埋め込みコード」をクリックします。
  3. HTML 埋め込み」をクリックします。
  4. Yandex からコピーしたコードを「コードを入力(HTTPS のみ)」欄に貼り付けます。
  5. 更新」(初回の場合は「適用」)をクリックします。
  6. (オプション)「埋め込みの内容を Google が認識できるよう、代替テキストを入力しましょう」下に埋め込みの代替テキストを入力します。
  7. 準備が整ったら、サイトを公開します。
注意:
Wix で作成またはテストされていない外部コードに関するサポートは提供しておりません。コードスニペットに問題が発生している場合は、プロバイダに直接お問い合わせください。
Yandex マップのタイトルと詳細欄を示したスクリーンショット。