Opening and viewing multiple recommendations with one click

The correct recommendations are the key to the progress of any online store. If the user is inconvenient to run around the site - he quickly leaves him to a competitor.

A typical store provides us with product listings or long bars:


')
The disadvantage is that in the process of searching a lot of time is spent on viewing all the options. Even having the necessary details on the list, people want to see the full description of the product, as there may be important information needed to make a decision: to buy, or not to buy.

Typically, the process happens somewhere like this: I saw the list, clicked on the first name that I liked, waited for the page to load, scanned, came back, opened another product, waited until the page was loaded, ... after 10 views, reopened the first option ... and so on. d. ... a lot of clicks, a lot of time spent on waiting and page load.

Personally, I run through the list, open everything in tabs, and then I probe in order not to run back and forth and not to wait for the extra race. But again, the discovery of 20 items - is 20 clicks. It tires. And even opening each page in a separate tab is not just a click, but: i) or the right button and then “open in a new tab”, ii) or Ctrl + Click, iii) or another combination.

A new service has recently appeared that allows you to send many sites with one link - and I thought, but let's use it to visually speed up other sites.

I used to focus on algorithms, improving the quality of the recommendations themselves ( article 1 and article 2 ), but this time the improvement is not so much in the method of selecting recommendations as in their visualization.

If you sometimes send a bundle of links, you can condense them for sending by Twitter, for example, these 12 popular names on Ozone .

But if you have millions of such kits on the website, do not glue them with your hands. It is necessary to automate the process.

Generate tabs on the go with PHP

Let's take a simple example in PHP, when links to products that a customer would need to see immediately, you have collected in the $entry_array :

2. <? php
3. $ n = count ( $ 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' ). $ parameters ;
15. echo '<a href="'. $bundled_link.'" target="_blank">' . 'open the entire list with one click' . '</a>' ;
16. }
17. ?>

As a result, in addition to the standard already used menus "here 1, 2, 3, ... there" a useful link appears:

"Here 1, 2, 3, ... there" " open the entire list with one click "

...
... lists and pictures between the upper and lower navigation menus
...

"Here 1, 2, 3, ... there" " open the entire list with one click "

By clicking on it, the user can view eight portable disks on WikiMart.

The table of contents menu can be hidden completely; to do this, you need to call toc=off in the query. You can select an arbitrary tab so that it opens by default, using the selected parameter. Signatures in tabs are set through the API, so you can control them by changing caption1 , caption2 , ... You can also change the color scheme and other signatures. More details on the API page .

Of course, as always, there are drawbacks, you have to wait a few seconds until all pages load, but then everything is viewed without waiting and jumping between tabs is very nice.

Viewing in tabs should be considered as an additional opportunity, in no case as a replacement for lists, but as an extra button or link in the navigation of the Internet site.

Work with mailings

Another direction for improvement is to consider mailing by e-mail. Here is the last email with recommendations that came to my mailbox on Gmail:



Google somehow tightly chopped off all the pictures, and to view the products, I still had to click on each link. It would be much more convenient if the mail was short with this one link:

Hello, Dima!

We will send you today's recommendations. Click this link to open all names at once in separate tabs .

Respectfully,
Your OZON.ru

And now I can see everything at once with one click.

Since the API is flexible, you can also generate sub-tabs. Here is a newsletter, 5 categories with 4 recommendations:



can be turned into one URL with all the names in the tabs 5 x 4 proganyaya through this PHP code:

1. <? php
3. // Data structure
4. $ categories = array ();
5. $ categories [] = array (
6. "name" => "Book novelties of spring" ,
7. "products" => array (
8. array ( "url" => "http://www.ozon.ru/context/detail/id/5561766/" ,
9. "name" => "I. Ilf, E. Petrov. Twelve chairs (deluxe edition)" ),
10. array ( "url" => "http://www.ozon.ru/context/detail/id/5813135/" ,
11. "name" => "Mary Roach. The reverse side of astronautics" ),
12. array ( "url" => "http://www.ozon.ru/context/detail/id/5505592/" ,
13. "name" => "Milena Sigaeva. The oddities of animal sexuality. How do they do it ...?" ),
14. array ( "url" => "http://www.ozon.ru/context/detail/id/5801663/" ,
15. "name" => "Steven Juan. Can kisses prolong life?" ),
16. ),
17. );
18. // ...
19. $ categories [] = array (
20. "name" => "Fresh electronics offers" ,
21. "products" => array (
22. array ( "url" => "http://www.ozon.ru/context/detail/id/5592866/" ,
23. "name" => "Nokia N8 mobile phone" ),
24. array ( "url" => "http://www.ozon.ru/context/detail/id/5862823/" ,
25. "name" => "LG P500 Optimus One mobile phone" ),
26. array ( "url" => "http://www.ozon.ru/context/detail/id/5623463/" ,
27. "name" => "MSI Megabook CX620-292 Laptop" )
28. array ( "url" => "http://www.ozon.ru/context/detail/id/5819885/" ,
29. "name" => "Iomega Prestige 1TB, USB Desktop Hard Drive" )
30. ),
31. );
33. // Code
34. $ top_parameters = '' ;
35. $ i = 1 ;
37. foreach ( $ categories as $ key => $ category ) {
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. $ categories [ $ key ] [ "bundled_link" ] = 'http://ozon.cheap.ly/?toc=off&title=OZON.ru&description=' .
49. urlencode ( $ category [ "name" ]). $ parameters ;
50. $ categories [ $ key ] [ "bundled_shortlink" ] = bit_ly_shorten ( $ categories [ $ key ] [ "bundled_link" ]);
51. $ top_parameters . = '& url' . $ i . '=' . urlencode ( $ categories [ $ key ] [ "bundled_shortlink" ]).
52. '& caption' . $ i . '=' . urlencode ( $ categories [ $ 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">' . 'open the entire list with one click' . '</a>' ;
60. }
61. ?>

And send a simple but convenient letter:

Hello, Dima!

We will send you today's recommendations in five categories. Click this link to open all names at once in separate tabs .

Respectfully,
Your OZON.ru

After clicking on this link we get to the site with 20 pages in tabs:



If the basic URLs that are used in the examples do not fit - you can change to your API page, put your personal logo, register other colors. In the settings, you can limit from which domains to accept API links so that no one can substitute someone else's pages. Here is a check that the link with ozon.ru will go to the tab, and the link from d3.ru will be ignored.

Instructions for creating a basic API link can be found here (currently only in English). You can even use your own domain and Google Analytics. Here's how it turned out to open Russian books on Amazon on the super.cheap.ly sub-domain.

Bonus - insert feeds

If you have a feed, you can open the latest news with one click too. For example, here is a link that will download the latest 10 news from Lenta.ru .