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 の場合、スニペットはすべてのアクティビティと通知をブラウザ コンソールに記録することでデバッグを支援します。デバッグが完了したら、この機能を無効にすることをお勧めします。
以下の例は、ボタン トリガーとして使用されている単純なアンカー タグ (リンク) を示しています。必要なパラメーターを追加するだけで、既存の要素または新しい要素を Web サイトで簡単に使用できます。
- <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 サイトまたは ...
サプライヤー今すぐ購入実装ガイド
次の記事では、Buy Now をポップアップとして実装するか、 製品ベースのディーラー ロケーターまたは一般ディーラー ロケーターとしてページ内に埋め込むさまざまな方法について説明します。 [今すぐ購入] は、特定の市場 (オンラインまたはローカル) に開かれるように構成して、 1 つ以上の特定のディーラー タイプ (レンタル プロバイダー、小売業者、またはサービス センター) を表示し、 ブランドに合わせたスタイルなど、さまざまな方法で表示できます。 前提条件 ...