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

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

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

以下の例は、今すぐ購入ウィジェットをサイトに統合するために必要なものを示しています。必要なパラメーターを更新してから、スニペットを Web サイトにコピーするだけです。

  1. <script id="omacro-widget-buynow" src="https://buynow.omacro.com/embedded/bn.loader.js?company=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX&country=auto&validate=false&debug=false"非同期></script>

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="Your Product Identifier">製品リンク</a>

トリガー パラメータはスニペット パラメータよりも優先されます。これにより、必要に応じて例外を除いてパラメータをグローバルに設定できます。すべてのトリガー パラメータは、' data- 'で始まる必要があるHTML データ属性です
製品  必要
これは製品 ID です。これは、GTIN (UPC、EAN、または ISBN)、SKU、モデル名、または Omacro ID の可能性があります。 GTIN、理想的には UPC を使用することを強くお勧めします。
これは、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

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

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

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

      次の記事では、Buy Now をポップアップとして実装するか、 製品ベースのディーラー ロケーターまたは一般ディーラー ロケーターとしてページ内に埋め込むさまざまな方法について説明します。 [今すぐ購入] は、特定の市場 (オンラインまたはローカル) に開かれるように構成して、 1 つ以上の特定のディーラー タイプ (レンタル プロバイダー、小売業者、またはサービス センター) を表示し、 ブランドに合わせたスタイルなど、さまざまな方法で表示できます。 前提条件 ...
    • サプライヤーの今すぐ購入リンクを一括管理

      導入 サプライヤーの「今すぐ購入」リンクを一括で簡単かつ効果的に管理し、「今すぐ購入リンク」データ グリッドを使用して会社がどの製品を入手できるかをより適切に視覚化します。 どの製品がどのサプライヤーから入手可能であるかを表示します。 製品リンクをまだ確立していない潜在的な製品と、一致させるためにどの正確な製品 ID (モデル + SKU、または GTIN) を使用する必要があるかを確認します。利用可能な場合は、製品の GTIN を使用することをお勧めします。 ...
    • 電子メールまたは外部リンクによる今すぐ購入ディーラー検索の直接トリガー

      omacro の [今すぐ購入] ウィジェットを使用すると、ウェブサイトのページの読み込み時に自動読み込み/開くようにトリガーできます。これは、たとえば、電子メール キャンペーンを行い、顧客が「今すぐ購入」するためのボタン/リンクを含めたい場合に役立ちます。メール内のリンクにパラメーターを追加すると、「今すぐ購入」の結果がメールから直接トリガーされます。もう 1 つの例は、YouTube ...