General Dealer Locator Web サイト コードの実装

General Dealer Locator Web サイト コードの実装

omacro には主に 2 種類のロケーター オプションがあります。このセクションでは、一般的なロケーター用に Web サイトのフロントエンドにコードを設定する方法について説明します。このロケータは、製品に関連付けられていない一般的なディーラーの結果を生成します。たとえば、オンラインの検索結果から、ユーザーは販売者のメインのウェブサイト ドメインまたは設定した販売者のカスタム URLをクリックして移動できます。特定の製品に関連付けられている結果については、 Product Based Locator の実装手順を参照してください。

ステップ 1: Web サイト内にスクリプトを含める

以下の例は、今すぐ購入ウィジェットをサイトに統合するために必要なものを示しています。必要なパラメーターを更新してから、スニペットを Web サイトにコピーするだけです。
company パラメーターには会社 ID が事前に入力されているため、この値を変更する必要はありません。すべてのスニペット パラメータはスクリプト ソースに追加され、 統一リソース識別子の標準に準拠する必要があります。

会社必須
これは、Omacro が提供する会社の識別子です。この ID は、企業アカウントが最初に作成されたときに割り当てられたもので、変更されることはありません。上記のスニペットの例には、会社の ID が既に含まれています。

これは、2 桁のISO 国コード ISO 3166-1 alpha-2コードまたは auto です。提供されていない場合は、ユーザーが国を選択できるように地図が表示されます。提供され、 autoに設定されていない場合、ユーザーには指定された国の結果がすぐに表示されます。 autoに設定すると、国はユーザーの IP アドレスによって自動的に決定されます。
検証
trueの場合、スニペットは、ページで使用可能な各製品 ID が有効であることを確認し、製品を返します。検証が完了すると、スニペットはそれぞれの CSS クラスをトリガー要素に追加します: obn-validate-passまたはobn-validate-fail 。検証が保留中の間、トリガー要素には CSS クラス obn-validate-pending が含まれます。
デバッグ
true の場合、スニペットはすべてのアクティビティと通知をブラウザ コンソールに記録することでデバッグを支援します。デバッグが完了したら、この機能を無効にすることをお勧めします。

ステップ 2: トリガーをボタンに割り当てる

以下の例は、ボタン トリガーとして使用されている単純なアンカー タグ (リンク) を示しています。必要なパラメーターを追加するだけで、既存の要素または新しい要素を Web サイトで簡単に使用できます。

  1. <a href="#obn" data-product="*">ディーラーを探す</a>

トリガー パラメータはスニペット パラメータよりも優先されます。これにより、必要に応じて例外を除いてパラメータをグローバルに設定できます。すべてのトリガー パラメータは、' data- ' で始まる必要があるHTML データ属性です。

必要な製品
これは製品識別子で、「*」に設定する必要があります。

これは、2 桁の ISO 国コードISO 3166-1 alpha-2 コードまたはautoです。提供されていない場合は、ユーザーが国を選択できるように地図が表示されます。提供され、auto に設定されていない場合、ユーザーには指定された国の結果がすぐに表示されます。 auto に設定すると、国はユーザーの IP アドレスによって自動的に決定されます。
検証
true の場合、スニペットは、ページで使用可能な各製品 ID が有効であることを確認し、製品を返します。検証が完了すると、スニペットはそれぞれの CSS クラスをトリガー要素に追加します: obn-validate-passまたはobn-validate-fail 。検証が保留中の間、トリガー要素には CSS クラスobn-validate-pending が含まれます。

    • Related Articles

    • 製品ベースのディーラー検索ウェブサイト コードの実装

      ステップ 1: Web サイト内にスクリプトを含める 以下の例は、今すぐ購入ウィジェットをサイトに統合するために必要なものを示しています。必要なパラメーターを更新してから、スニペットを Web サイトにコピーするだけです。 <script id="omacro-widget-buynow" ...
    • ディストリビューター ロケーター Web サイト コードの実装

      ステップ 1: Web サイト内にスクリプトを含める 以下の例は、Distributor Locator ウィジェットをサイトに統合するために必要なものを示しています。必要なパラメータを更新して、スニペットを Web サイトにコピーするだけです。 <script id="omacro-widget-buynow" src=" ...
    • Web サイト ページ内にディーラー ロケータを埋め込む

      ロケータをページに直接埋め込むことができます。 omacro の今すぐ購入コード スニペットをページに追加する手順を完了したと仮定して、次の例を使用して、ページ自体内にロケーターをレンダリングします。 ライブデモを見るには、 ライブデモサイトにアクセスしてください カスタム スタイルを備えた専用のディーラー ロケーターの例。 ステップ 1: CSS クラスをページに追加する 「oma-omacro」というクラス名を持つ要素がページにあることを確認してください。 <div ...
    • Google Maps JavaScript API に対するサイトのコンテンツ セキュリティ ポリシーを更新する

      序章 ウェブサイトの所有者または開発者として、 Google Maps APIの最新の変更と更新を常に把握しておくことが不可欠です。 2023 年第 2 四半期に Google Maps JavaScript API のバージョン 3.49 が廃止されたため、API への中断のないアクセスを維持するには、サイトの コンテンツ セキュリティ ポリシー(CSP) を更新する必要があります。この記事では、CSP を更新して googleapis.com を許可リストに登録し、Web サイトまたは ...
    • General Dealer Locator用のカスタムブランドの販売者ランディングページの追加

      omacro のGeneral Dealer Locatorは、非製品固有のディーラー リストの結果を生成します。この機能を使用すると、出品者を表示し、商品のみを含む出品者のカスタム ブランドのランディングページに顧客を送ることができます。販売者のカスタム Web サイト URL を追加するには、次の手順に従ってください。 1) ログイン後、 セラーを管理しているエリアにアクセスします。 2) 販売者名を検索またはフィルタリングし、編集鉛筆を選択します。 3) 販売者のカスタム リンク URL ...