サプライヤー今すぐ購入実装ガイド
次の記事では、Buy Now をポップアップとして実装するか、 製品ベースのディーラー ロケーターまたは一般ディーラー ロケーターとしてページ内に埋め込むさまざまな方法について説明します。 [今すぐ購入] は、特定の市場 (オンラインまたはローカル) に開かれるように構成して、 1 つ以上の特定のディーラー タイプ (レンタル プロバイダー、小売業者、またはサービス センター) を表示し、 ブランドに合わせたスタイルなど、さまざまな方法で表示できます。
前提条件
今すぐ購入をサポートするようにネットワークを構成する
Buy Now は Web サイトとネットワークから動作するため、omacro Buy Now スクリプトがネットワーク外の omacro Web サービスと適切に通信できるようにネットワーク ファイアウォールを構成する必要がある場合があります。詳細については、 ネットワーク プロフェッショナル向けの今すぐ購入サービス情報をご覧ください。
Web サイト内にスクリプトを含める
以下の例は、今すぐ購入ウィジェットをサイトに統合するために必要なものを示しています。
- <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>
[今すぐ購入] スクリプトでサポートされているパラメーターの詳細については、以下の適切な参照を参照してください。
「今すぐ購入」の使用方法を選択してください
[今すぐ購入] は、特定の製品 (特定の製品ページまたは類似製品のグループのボタン) に対して使用することも、特定の製品をターゲットにせずにトラフィックをディーラーに誘導する一般的な方法として使用することもできます。次の定義が役立つ場合があります。
- 製品ベースのディーラー検索
特定の製品または製品群 (バリエーション) を念頭に置いて、トラフィックをディーラーに誘導する方法として使用されます。このバージョンは、単一モデル製品またはバリエーションのある製品グループで使用できます。 - 一般ディーラー検索
多くの場合、サイトのヘッダーまたはフッター (またはホームページのどこかに) のどこかにリンクとして配置される General Dealer Locator は、特定の製品を念頭に置いていなくてもトラフィックをディーラーに誘導することを目的としています。このオプションは、 埋め込み機能と組み合わせて、「今すぐ購入」を特徴とする専用の Web ページを作成することもよくあります。
専用ボタンによるポップアップとしての今すぐ購入のトリガー
いくつかの異なる方法で、今すぐ購入をポップアップとしてトリガーできます。
1.シングルボタンとしてトリガー
デフォルトでは、omacro 設定 ([今すぐ購入] ->[設定と機能]) ページで指定されているように、[今すぐ購入] ボタンをトリガーしてデフォルトのマーケットを開くことができます。ビジネス要件に応じて、市場 (オンラインまたはローカル) の 1 つだけを [今すぐ購入] ポップアップ内に表示することを許可したり、特定の市場をデフォルトで開くようにターゲット設定したりすることができます。
マーケット オプションの設定を変更すると、すべての今すぐ購入するマーケットが Web サイトにどのように表示されるかにグローバルに影響することに注意してください。
- <a href="#obn" data-product ="ABC-12345">しかし今</a >
data-productパラメータの値は、omacro 製品の管理ページにリストされている SKU または GTIN として指定する必要があります。指定しないと、ポップアップにエラー メッセージが表示されます。
同じ機能をサイトの既存のショッピング カート システムと併用して、ショッピング エクスペリエンスに付加価値を与えることができます。
ボタンは好きなようにスタイルを設定でき、既存のサイト コンテンツやボタンと共存できます。 |
オンライン マーケットとローカル マーケットの両方を表示するために使用できる 1 つのボタンの例。 |
2. マーケット固有のボタンとしてトリガー (オンライン/ローカル)
ポップアップをトリガーして特定の市場を開きたい場合は、次のコードをボタンに追加できます。
ポップアップをトリガーして特定の市場を表示するには、次の HTML コードを追加するだけです。
オンライン マーケット (マーケット コード「ONL」):
- <a href="#obn" data-product ="ABC-12345" data-market =" ONL ">しかしオンライン</a >
ローカル市場 (市場コード「LOC」):
- <a href="#obn" data-product ="ABC-12345" data-market =" LOC ">ローカルで購入</a>
data-productパラメータの値は、omacro 製品の管理ページにリストされている SKU または GTIN として指定する必要があります。指定しないと、ポップアップにエラー メッセージが表示されます。
HTML のdata-market プロパティは、ポップアップが開かれる市場を指定します。次の値を指定できます。
- ONL - オンライン マーケット
- LOC - ローカル マーケット
また、ボタンのスタイルと配置は完全にあなたの管理下にあり、あなたのサイトが利用するどんなテーマにもマッチすることを覚えておいてください.
[オンライン] または [ローカル市場] タブを起動する 2 つのボタンの構成の例。 |
ページへの今すぐ購入の埋め込み
今すぐ購入は、ポップアップを介して操作するのではなく、Web ページに直接埋め込むことができます。これは、専用のディーラー ランディング ページや、製品ページ内またはタブやアコーディオン コントロールなどのページ上の動的要素内にコントロールをネストする場合に役立ちます。実装の詳細については、 Embedded Dealer Locator Guideを参照してください。
以下に、その使用方法の例をいくつか示します。
カスタマイズ スタイルを使用して製品ページのタブ内に埋め込む例。 |
カスタマイズされたスタイルで地元の市場を表示するように構成された専用のランディング ページに埋め込む例。 |
今すぐ購入の設定と機能について
次の情報は、 omacro 設定 ([今すぐ購入] -> [設定と機能]) ページ内で構成可能な、[今すぐ購入] に関連するさまざまなオプションについて説明しています。 [設定と機能] ページから設定を変更すると、サイトでのすべての[今すぐ購入] 機能の動作にグローバルに影響します。以下で説明する一部の機能は、代わりに HTML または JavaScript コードを介して制御でき、このドキュメントの追加のスクリプト オプション セクションで説明されていることに注意してください。
市場オプション
デフォルトでは、omacro 設定 ([今すぐ購入] ->[設定と機能]) ページで指定されているように、[今すぐ購入] ボタンをトリガーしてデフォルトのマーケットを開くことができます。ビジネス要件に応じて、市場 (オンラインまたはローカル) の 1 つだけを [今すぐ購入] ポップアップ内に表示することを許可したり、特定の市場をデフォルトで開くようにターゲット設定したりすることができます。
- 表示タブを選択(オンライン小売業者、ローカル小売業者)
[今すぐ購入] を構成して、表示するマーケット タブを表示できます。デフォルトでは、両方のマーケット タブが表示されます。 - デフォルトのタブを選択
今すぐ購入がトリガーされると、最初にロードする市場を制御できます。デフォルトでは、オンライン マーケットが選択されています。タブが 1 つしか表示されていない場合は、その市場が自動的に選択されることに注意してください。 - ドメイン ホワイトリスト
omacro エンドポイントへの要求データへのアクセスを許可するドメイン名を指定できます。これは、[今すぐ購入] が環境外で動作するのを防ぐのに役立ちます。このフィールドは、ドメインのコンマ区切りリストをサポートしています。制限がない場合は空のままにします。
オンライン市場オプション
次のオプションは、[オンライン マーケット] タブに固有のものです。
- 米国の MAP 制限を有効にする
US MAP に違反する製品が [今すぐ購入] に表示されないようにすることができます。有効になっている場合は、 USA MAP レポートツールを参照して、潜在的な製品価格の問題を特定してください。この機能は、製品ベースのディーラー ロケータでのみ機能することに注意してください。 - 小売業者の価格を表示
この機能を有効にすると、利用可能な場合は製品の価格が表示されます。この機能は、製品ベースのディーラー ロケータでのみ機能することに注意してください。 - 「在庫なし」ステータスの小売業者を表示する
オンにすると、在庫状況に関係なく、[今すぐ購入] にディーラーが表示されます。 - 利用可能な在庫を最初に表示する小売業者
在庫状況が不明または在庫切れの他のディーラーの前に、利用可能な在庫のあるディーラーを最初に配置します。 - 小売業者の在庫状況を表示
在庫状況が報告されているディーラーのみを表示します。 - ユーザーが国を変更できるようにする
ユーザーが国を変更できるようにするかどうかを決定します。有効にすると、[オンライン マーケット] タブ内で国選択オプションが利用できるようになります。 - 並べ替え
ディーラーがどのように表示されるかを制御するために、3 つのオプションのいずれかを選択できます。 - アルファベット順- ディーラーのソートはアルファベット順に表示されます。
- ランダム(ラウンド ロビン) - ディーラーの並べ替えは完全にランダムに表示されます。
- 特定の並べ替え順序- 並べ替えは、事前定義されたディーラー リストの順序に基づいています。このオプションは、特定の順序で取り上げたいディーラーに優先順位を付けるのに役立ちます。指定されていないディーラーはランダム (ラウンド ロビン) に配置されます。
ローカル市場オプション
次のオプションは、[ローカル マーケット] タブに固有のものです。
- 在庫状況を表示
利用可能な場合、報告されたインベントリを表示します。ステータスは、可能性が高い、限定的、なし、不明のいずれかです。 - ユーザーの国の小売業者のみを表示
ユーザーの国外にいるディーラーが結果に表示されないようにします。 - マッピング
特定のディーラー タイプを表示するかどうかを制御します。ディーラーは、 [セラー] -> [セラーの管理]ページから構成し、さまざまなディーラー属性 (小売店の場所、サービス センター、オンライン、レンタル プロバイダー) を割り当てることができます。ディーラーには、もう 1 つの属性を適用できます。選択した属性は、サテライトの場所に自動的に伝達されます。注: この機能は、HTML で定義されたカスタム ルールとしても利用できます。詳しくはこちら カスタム ルールをディーラーの結果に追加します。 - レンタル プロバイダーを表示する- チェックを外し、ディーラーがレンタル プロバイダーとして独占的に割り当てられている場合、そのディーラーは結果に表示されません。
- サービスセンターを表示- チェックを外し、ディーラーがサービスセンターとして独占的に割り当てられている場合、そのディーラーは結果に表示されません。
- プライマリ マップの半径とセカンダリ マップの半径- ローカル ディーラーをマップ上で検索する半径を制御できます。 [今すぐ購入] ポップアップでマップ検索半径を調整する方法の詳細
カスタム「結果なし」メッセージの設定
ディーラーが見つからない場合に表示されるカスタム メッセージを作成できます。入力は、レイアウトとスタイリングのための基本的な HTML 要素だけでなく、カスタム フォーマットもサポートしています。デフォルトでは、メッセージにはスタイルが含まれていません。
追加のスクリプト オプション
オンライン マーケットの結果のカスタム ページング サイズの設定
いくつかの HTML オプションを使用して、[オンライン マーケット] タブに表示されるディーラーの数を構成できます。デフォルトでは、最大 12 件の結果が表示されますが、ページ サイズを 1 から無制限 (ページングなし) に設定できます。これは、グローバルに適用することも、特定のボタンに適用することもできます (複数のボタン間で異なる場合もあります)。 オンライン ディーラーの結果にカスタム ページ サイズを追加する方法を学ぶ
CSS オーバーライドによる結果ウィンドウのカスタマイズと視覚的な変更
結果ウィンドウ (ポップアップ) は、CSS オーバーライドを介して視覚的に完全にカスタマイズできます。ボタンのスタイル、基本的なレイアウト、色、非表示オプションを調整し、サイズ変更を構成し、さまざまなデバイスでのコントロールのユーザー エクスペリエンスを調整します。 CSS オーバーライドを使用して結果ウィンドウをカスタマイズし、視覚的な変更を加えることで、今すぐ購入をサイトのブランドに一致させます。
電子メールまたは外部リンクによる今すぐ購入ディーラー検索の直接トリガー
[今すぐ購入] ページへのリンクが必要なキャンペーンがあり、結果ウィンドウを表示したい場合は、電子メールまたは外部リンクを介して [今すぐ購入] ディーラー ロケーターを直接トリガーすることで実行できます。