Clever Geek Handbook

ワンクリックで多くの推奨事項を開いて表示

適切な推奨事項は、オンラインストアの進歩の鍵です。 ユーザーがサイトの周りを快適に走れない場合、すぐに競合他社を離れます。



典型的な店では、リストまたは長いバーで製品を提供しています。



製品リスト



欠点は、検索プロセスですべてのオプションを表示するのに時間がかかることです。 リストに必要な詳細があっても、購入するかしないかを決定するために必要な重要な情報があるため、人々は製品の完全な説明を見たいと思っています。



通常、プロセスは次のようになります：リストを見て、好きな名前をクリックして、ページの読み込みを待って、スキャンして、返品して、別の製品を開いて、ページが読み込まれるのを待って...など...多くのクリック、多くの時間がページの待機とリロードに費やされます。



個人的には、リストを調べて、タブですべてを開き、プローブして、前後に走ったり余分なレースを待ったりしないようにします。 しかし、20のタイトルを開くのは20クリックです。 タイヤ。 また、各ページを個別のタブで開くだけでなく、i）または右ボタンをクリックして「新しいタブで開く」、ii）またはCtrl +クリック、iii）または別の組み合わせを実行することもできます。



最近、 1つのリンクで多くのサイトを送信できる新しいサービスが登場しました。他のサイトの作業を視覚的に高速化するためにそれを使用してみましょう。



以前は、推奨事項自体の品質を向上させるアルゴリズムに焦点を当てていました（ 記事1および記事2 ）が、今回は、視覚化のように推奨事項を選択する方法にそれほど改善はありません。



リンクの束を時々送信する場合は、Twitterで送信するためにリンクを圧縮できます。たとえば、これらの12の人気のある名前はOzoneにあります。



しかし、そのようなキットがサイトに数百万ある場合、それらを手でつなげることはできません。 プロセスを自動化する必要があります。



PHPで外出先でタブを生成する



クライアントがすぐに見る必要がある製品へのリンクが$entry_array



収集される場合、PHPの簡単な例を見てみましょう。







  2. <？php
  3. $ n =カウント（ $ entry_array ）;
  4. $ parameters = '' ;
  6. for （ $ i = 0 ; $ i < $ n ; $ i ++）{
  7. if （ $ url = trim（ $ entry_array [ $ i ]））{
  8. $ parameters 。= '＆url' 。 （ $ i + 1 ）。 '=' 。 urlencode（ $ url ）。
  9. '＆caption' 。 （ $ i + 1 ）。 '=' 。 urlencode（ 'Item' 。（ $ i + 1 ））;
  10. }
  11. }
  13. if （ $ parameters ）{
  14. $ bundled_link = 'http://many.at/links2tabs/?toc=' 。 urlencode（ 'Menu' ）。 $パラメータ ;
  15. echo '<a href="'. $bundled_link.'" target="_blank">' 「ワンクリックでリスト全体を開く」 。 '</a>' ;
  16. }
  17. ？>


その結果、すべてのメニュー「here 1、2、3、... there」ですでに使用されている標準に加えて、便利なリンクが表示されます。



「ここ1、2、3、...」「 ワンクリックでリスト全体を開く 」



...

...上部と下部のナビゲーションメニュー間のリストと画像

...



「ここ1、2、3、...」「 ワンクリックでリスト全体を開く 」


クリックすると、WikiMartで8つのポータブルディスクを表示できます。



目次メニューは完全に非表示にできます。このため、リクエストでtoc=off



を呼び出す必要があります。 selected



パラメーターを使用してデフォルトで開くように、任意のタブをselected



できます。 タブの署名はAPIを介して設定されるため、 caption2



、 caption2



、...を変更することで制御できます。また、配色やその他の署名を変更することもできます。 APIページの詳細。



もちろん、いつものように、すべてのページがロードされるまで数秒待たなければならないという欠点がありますが、すべてが待つことなく表示され、タブ間をジャンプするのは非常に良いことです。



タブで表示することは、リストの代わりではなく、インターネットサイトのナビゲーションの追加のボタンまたはリンクとして、追加の機会と見なされる必要があります。



ニュースレターを使用する



改善の別の領域は、電子メールニュースレターと見なされる必要があります。 Gmailの受信トレイに届いた推奨事項を含む最後のメールは次のとおりです。



OZON.ruのGmailでのメール送信



Googleは何らかの理由ですべての写真をぎっしりと切り落とし、商品を見るために各リンクをクリックする必要がありました。 このようなリンクが1つある電子メールが短い場合は、はるかに便利です。



こんにちは、Dima！



今日のおすすめをお送りします。 このリンクをクリックして、すべてのアイテムを別々のタブで一度に開きます 。



よろしく

あなたのOZON.ru


そして今、私はワンクリックですべてを一度に見ることができます。



APIは柔軟であるため、サブタブも生成できます。 ニュースレター、5つのカテゴリ、4つの推奨事項があります。



Gmail 5x4でのOZON.ruメーリング



次のPHPコードを実行することで、5 x 4タブのすべての名前を持つ1つのURLに変換できます。







  1. <？php
  3. //データ構造
  4. $カテゴリ = 配列 （）;
  5. $カテゴリ [] = 配列 （
  6. "name" => "Spring Book Releases" 、
  7. 「製品」 => 配列 （
  8. 配列 （ "url" => "http://www.ozon.ru/context/detail/id/5561766/" 、
  9. "name" => "I. Ilf、E. Petrov。12脚の椅子（ギフト版）" ）、
  10. 配列 （ "url" => "http://www.ozon.ru/context/detail/id/5813135/" 、
  11. "name" => "Mary Roach。スペースの裏側" ）、
  12. 配列 （ "url" => "http://www.ozon.ru/context/detail/id/5505592/" 、
  13. "name" => "Milena Sigaeva。奇妙な動物のセクシュアリティ。これはどうやって...？" ）、
  14. 配列 （ "url" => "http://www.ozon.ru/context/detail/id/5801663/" 、
  15. "name" => "Stephen Juan。キスを延ばすことはできますか？" ）、
  16. ）、
  17. ）;
  18. // ...
  19. $カテゴリ [] = 配列 （
  20. 「名前」 => 「最新の電子製品」 、
  21. 「製品」 => 配列 （
  22. 配列 （ "url" => "http://www.ozon.ru/context/detail/id/5592866/" 、
  23. "name" => "Nokia N8携帯電話" ）、
  24. 配列 （ "url" => "http://www.ozon.ru/context/detail/id/5862823/" 、
  25. "name" => "LG P500 Optimus One携帯電話" ）、
  26. 配列 （ "url" => "http://www.ozon.ru/context/detail/id/5623463/" 、
  27. "name" => "ノートブックMSI Megabook CX620-292" ）、
  28. 配列 （ "url" => "http://www.ozon.ru/context/detail/id/5819885/" 、
  29. "name" => "Iomega Prestige 1TB USBデスクトップハードドライブ" ）、
  30. ）、
  31. ）;
  33. //コード
  34. $ top_parameters = '' ;
  35. $ i = 1 ;
  37. foreach （ $カテゴリ としての $カテゴリ => $カテゴリ ）{
  38. $ parameters = '' ;
  39. $ j = 1 ;
  40. foreach （ $ category [ "products" ] as $ product ）{
  41. if （ $ url = trim（ $ product [ "url" ]））{
  42. $ parameters 。= '＆url' 。 $ j 。 '=' 。 urlencode（ $ url ）。
  43. '＆caption' 。 $ j 。 '=' 。 urlencode（ $ product [ "name" ]）;
  44. $ j ++;
  45. }
  46. }
  47. if （ $ parameters ）{
  48. $カテゴリー [ $キー ] [ "bundled_link" ] = 'http://ozon.cheap.ly/?toc=off&title=OZON.ru&description='
  49. urlencode（ $ category [ "name" ]）。 $パラメータ ;
  50. $カテゴリー [ $キー ] [ "bundled_shortlink" ] = bit_ly_shorten（ $カテゴリー [ $ key ] [ "bundled_link" ]）;
  51. $ top_parameters 。= '＆url' 。 $ i 。 '=' 。 urlencode（ $カテゴリ [ $ key ] [ "bundled_shortlink" ]）。
  52. '＆caption' 。 $ i 。 '=' 。 urlencode（ $カテゴリ [ $ key ] [ "name" ]）;
  53. $ i ++;
  54. }
  55. }
  57. if （ $ top_parameters ）{
  58. $ bundled_link = 'http://ozon.what-el.se/?toc=' 。 urlencode（ 'Menu' ）。 $ top_parameters ;
  59. echo '<a href="'. $bundled_link.'" target="_blank">' 「ワンクリックでリスト全体を開く」 。 '</a>' ;
  60. }
  61. ？>


そして、シンプルだが便利な手紙を送る：



こんにちは、Dima！



今日のおすすめを5つのカテゴリに分けて送信します。 このリンクをクリックして、すべてのアイテムを別々のタブで一度に開きます 。



よろしく

あなたのOZON.ru


このリンクをクリックすると、タブに20ページのあるサイトが表示されます。



ワンクリックで5x4オゾンニュースレター



例で使用されている基本的なURLが適合しない場合は、ページをAPIに変更し、個人のロゴを配置し、他の色を登録できます。 設定では、どのドメインからAPIリンクを受け入れるかを制限できるため、誰も他のページを置き換えることはできません。 ozon.ru



のリンクがタブに移動し、 d3.ru



のリンクが無視されることを確認します。



基本的なAPIリンクの作成手順は、 こちら （英語のみ）で確認できます 。 独自のドメインとGoogle Analyticsを使用することもできます。 sub.domain super.cheap.lyでAmazonのロシア語の書籍を開くことができた方法を次に示します。



ボーナス-フィード挿入



フィードがある場合は、ワンクリックで最新のニュースを開くこともできます。 たとえば、以下はLenta.ruから最新の10のニュースをダウンロードするリンクです。



Feed2Tabs


More articles:


All Articles