6

他のユーザー サイトのウィジェット/iframe に埋め込みたいショッピング カートがあります。それぞれに欠点がある 3 つの方法があります。推定作業量が最も多いものから最も少ないものまでのオプションを次に示します。

  1. JavaScript ウィジェットでインタラクティブなショッピング カート UI を再作成し、AJAX を使用してサーバー スクリプトに値を渡します。変数はメイン サイトに渡されます。ユーザーが「チェックアウト」をクリックすると、ユーザーはメインのショッピング カート サイトにリダイレクトされます。ウィジェット。

    • 長所：完全な経験
    • 短所:ほとんどの作業は、UI と AJAX 要求の作成を完了するために行われます。

  2. ユーザーがiframeを介してショッピングカートに来ているかどうかを何らかの方法で検出します。その場合は、ユーザーが「チェックアウト」をクリックすると新しいウィンドウが開き、ユーザーを安全なページにリダイレクトし、AJAXを介してカートから変数を取得して最終的なチェックアウトを入力する代替コードがあります。

    • 長所:中程度の作業量。AJAX リクエストを実行して、ショッピング カートから変数を取得し、最終的なチェックアウトに入力する必要があります。
    • 短所:サイトが別のサイトの iframe 内のユーザーからアクセスされているかどうかを簡単に検出できますか?

  3. iframe/widget 内でチェックアウト プロセス全体を完了します。

    • 長所：最小限の作業量、iframeにカートを埋め込むだけ
    • 短所:ブラウザに https が表示されない ユーザーが購入をためらう可能性がある

最良の選択肢は何ですか？

4

3 に答える 3

4

もう少し情報を提供していただければ、さらに良いオプションを提供できるかもしれません。手始めに、このアプリケーションを（言語/フレームワーク）で何を構築しましたか？また、アプリケーションの機能は、ユーザーがサービスを通じてeコマースサイトをホストできるようにするという点でShopifyの機能と似ていると思いますか？そうでない場合は、アプリケーションについてもう少し教えてください。

提供したオプションへの簡単な回答は次のとおりです。

オプション1：私が見ている唯一のリアルオプション。ショッピングカートを具体的にiframeに埋め込む場合でも、テンプレートの一部としてユーザーのページにレンダリングする場合でも、チェックアウトプロセスを完了するには、顧客をメインサイトに移動する必要があります。または、少なくとも、操作するための多くの画面領域を提供します（たとえば、かなりのモーダル）。

オプション2：面倒です。リクエストがリモートフォーム（iframeなど）からのものであるかどうかは、urlパラメーターを追加することでわかります。しかし、これであなたが提案しているアプローチを取ることはあまり意味がありません。

オプション3：オプション1に応じて私が述べたようなモーダルアプローチをとらない限り、重すぎます。

そうは言っても、Shopifyのようなアプリケーションを構築している場合は、現在の顧客のセッションに関連するショッピングカートを表示するための専用セクションを持つ各ユーザーのWebサイトのテンプレートを構築できるはずです。このアプローチでは、iframeやウィジェットは必要ありません。しかし、繰り返しになりますが、それはすべてアプリケーションのユースケースに依存します。

于 2012-08-27T09:48:36.817 に答える
3

オプション 2 でコンテンツが iframe 内にロードされているかどうかを検出することだけが問題である場合は、「top.frames.length」または「top === self」を使用して JavaScript で検出できます。

たとえば、以下を使用して、さまざまな条件付きフォーム コンテンツやさまざまな送信ボタンを表示または非表示にすることができます。

if (top.frames.length == 0) {
    // Show content if not embedded in an iframe.
    document.getElementById('embedded-content').style.display = "none";
    document.getElementById('unembedded-content').style.display = "block";
}
else {
    // Show content if embedded in an iframe.
    document.getElementById('embedded-content').style.display = "block";
    document.getElementById('unembedded-content').style.display = "none";
}
于 2012-09-02T22:22:47.147 に答える
2

あなたが述べたように、最初のオプションは、ユーザー エクスペリエンスの点で最良であり、可能な限り最高のコンバージョンを達成する可能性が最も高いです。次善のソリューションと比較して、コンバージョンがどれだけ優れているかは、定期的な顧客、自社のブランド名、製品の種類などが関係するため、客観的に測定することはできません。コンバージョン率はあなた (およびあなたの会社) に直接影響するため、最初に見積もりを作成して、費やした努力が短期的および長期的に価値があるかどうかを確認するのが賢明です.

2番目のオプションは、甘い中間点です。あなたはまだブランドの認知度を得ることができ、顧客は（アドレスバーを介して）セキュリティの安心感を得ることができます。(i) フレーム検出は、単純な JavaScript 比較によって簡単に実行できます: top === window. ただし、継続性が失われているため、コンバージョンが失われる可能性があります。このリスクが管理可能であれば、短期的にはこのオプションを選択します。

緑色の錠前からセキュリティ証明書を直接見ることができないため、3 番目のオプションは最も望ましくありません。ただし、すべてが失われるわけではありません。Smashing Magazineの優れた記事の一部であるこの画像で概説されているように、画像を巧みに使用することで、エンド ユーザーからの信頼を得ることができます。

あなたの決定は、以下に基づいている必要があります。

  1. 短期間でできること
  2. 長期的に何をすべきか
  3. 見込み客にとって安全な視覚的合図はどれほど重要か
  4. いずれかのソリューションに費やされた時間/費用対収益 (損益分岐点分析)
于 2012-09-03T06:43:33.397 に答える