‘); // Var adX25Out j = $ (‘
‘); // AdX25Out.append (adX25); $ J (“. Ls-articoloTesto p: eq (1)”). After (adX25); // AdX25Out.insertAfter (spacer); } Else {adX25.insertAfter (j $ (“# ls-multimedia”)); }} WriteCapture.write (document.getElementById (‘ad_x25′), ‘
Technology but traditional: the two faces of the used Web
On Subito.it, the main portal for classified ads Italian, sell houses and cars, as well as tractors and manure. Meanwhile research are rapidly shifting to smartphone
The tablet and spare parts of motor. The camper and the Playstation. The houses and strollers. The list goes on and on, and in fact is one of a world where there is everything. Growing at a rate of 88 new ads per minute. On an average day, five million ads on Subito.it, and this would be enough to tell given the dominance of the main portal of Italian sales of used. A giant agglomerates 8 million unique users each month, and so it has become a sort of permanent observatory of use and consumption of Italian. The first response: we are a people technology but traditional. That updates and bride’s new digital, but look for and want and buy things ever.
I’m going to live in the country
The category that trolling Subito.it has always been that of cars. As long as we write, there is an online collection of 356,000 listings to choose from. To do well are also houses and technology, apparel and accessories. But not without a few surprises. “What amazes me most is the success of the class work tools,” admits Melany Libraro, General Manager of Subito.it. “They sell and buy many tractors, and our call center is often to call advertisers, which put them between vehicles. And then kilos and tons of manure, who would have thought? But it’s nice, because it shows that this type of trade concerns concrete things, entering the daily lives of our users regardless of their work. ”
Babies and puppies
Another great classic of used are all the baby products. Cribs, strollers, clothes: what is going to last a year or two – until the newcomer is not growing – it buys more and more often second-hand. No more taboos, also because of the crisis. “Within our world – continues Libraro – there are wishes that come true and emotions. So much so that another section that goes to great is to animals. With an unbelievable traffic of people flowing pictures of puppies for adoption, although maybe you can not even get one. It is also a category a bit ‘delicate, because we have to be careful that you are not offered for sale exotic animals and without proper certification. ”
More and more smartphone
The biggest change taking place, however, concerns not what, but how you sell and buy used online. Libraro explains: “We have already noticed a shift towards the net very mobile world. Although in Italian broadband is a little ‘back, there is a community made up of 35 million smartphones – but at the end of 2015 could be 40 million – 9.5 million tablets. Now 60 percent of the traffic Subito.it comes from there. And number one in our industry we want to be number one also on the individual platforms, from app. It is our top priority: to bring our mobile experience to be excellent, even more simple and immediate and accessible to everyone. ”
For now nothing login
The path of the app and the cabinet in a main direction: to have more complete profiles and accurate for each individual user. The site searches are anonymous, cookies aside, those are inextricably linked to the mobile users used to download the app. “Today we focus on authentication – says the general manager of Subito.it – and do not want to create barriers. But our basic platform now exists in the same form by the late ’90s, and while it has gone from a very anonymous use of the Internet to a iperpersonalizzato, especially with social networks. To show to all our users things that can really interest him, it becomes increasingly important for us to know him better. ”
Apple vs Android
It’s a classic, among the curiosities of Subito.it, it is to see how many users from Apple those Android. As we saw last year , the research continues to emerge a curious and profound anthropological diversity. In 2015 the goods most sought by users were iOS 6 iPhone (it happens) and then Vespa, Playstation 4, Rolex: in short, is the profile of an Italian closer to the brand, to design objects, status symbols. For half android sky, in 2015 the most searched words are auto, motorcycle, tractor, mountain bike, camper: Italian a more concrete and more thrifty and conservative.
ANSA
17/07/2015
ANSA
17/07/2015
“);} // ——————— —————————– // // Move column 2 related articles // // —— ——————————————– if (device.mobile ( )) {var ArtCorr j = $ (“# col1ContainerArtCorr”). detach (); j $ (“# ed_Related_Box”). before (ArtCorr); var cont = ArtCorr.find (“. ls-box-related items. ls-boxcontent-body .ls-boxcontent-body-view “); ArtCorr.find (“. ls-boxcontent #scrollArrows “). css (” display “,” none “); if (cont.find (“. ls -boxUltimoArticolo “). length & gt; 0) {cont.find (“. ls-boxUltimoArticolo “). each (function (index) {cont.append (j $ (this) .html ()); j $ (this) .detach ();}); ArtCorr.show (); var base = ArtCorr.find (“. ls-box-related items”); base.swiper ({container: base.find (“. ls-boxcontent- body “), content: base.find (“. ls-boxcontent-body-view “)}); ExpertCorr} var j = $ (“# col1ContainerExpertCorr”). Detach (); J $ (“# ed_Related_Box”). Before (ExpertCorr); var cont = ExpertCorr.find (“. ls-box-items-related .ls-boxcontent-body .ls-boxcontent-body-view”); ExpertCorr.find (“. Ls-boxcontent #scrollArrows”). Css (“display”, “none”); if (cont.find (“. ls-boxUltimoArticolo”). length & gt; 0) {cont.find (“. ls-boxUltimoArticolo”). each (function (index) {cont.append (j $ (this) .html ()); j $ (this) .detach ();}); ExpertCorr.show (); var base = ExpertCorr.find (“. ls-box-related items”); base.swiper ({container: base.find (“. ls-boxcontent-body”), content: base.find (“. ls-boxcontent-body-view”)}); }} Else {// var bt = j $ (“# ad_bottom2″). Detach (); // If (btm2 == “yes”) {// var bta = $ j (”); // Bta.append (bt); //} If ($ j (“# col1ContainerArtCorr”). Length & gt; 0) {// if (btm2 == “yes”) {// if ($ j (“# col1ContainerArtCorr .ls-boxcontent-body-view .ls-boxUltimoArticolo “). length & gt; 2) {// bta.insertAfter (j $ (” # col1ContainerArtCorr .ls-boxcontent-body-view .ls-boxUltimoArticolo: eq (1) “)); } Else {// // // j $ (“# col1ContainerArtCorr .ls-boxcontent-body-view”). Append (bta); } // // J} $ (“# ad_frame1″). After (“
” + j $ (“# col1ContainerArtCorr”). Html () + “
“); } Else if ($ j (“# col1ContainerExpertCorr”). Length & gt; 0) {// if (btm2 == “yes”) {// if ($ j (“# col1ContainerExpertCorr .ls-boxcontent-body-view. ls-boxUltimoArticolo “). length & gt; 2) {// bta.insertAfter (j $ (” # col1ContainerExpertCorr .ls-boxcontent-body-view .ls-boxUltimoArticolo: eq (1) “)); } Else {// // // j $ (“# col1ContainerExpertCorr .ls-boxcontent-body-view”). Append (bta); } // // J} $ (“# ad_frame1″). After (“
” + j $ (“# col1ContainerExpertCorr”). Html () + “
“); }} // ———————————————- —- // // Hide the box if there are no related articles and multimedia // // ————————— ———————– if (j $ (“# containerMMCorr .ls-boxUltimoArticolo”). size () == 0) {$ j (” #containerMMCorr “). css (” display “,” none “); } If ($ j (“# containerArtCorr .ls-boxUltimoArticolo”). Size () == 0) {$ j (“# containerArtCorr”). Css (“display”, “none”); } If ($ j (“# containerExpertCorr .ls-boxUltimoArticolo”). Size () == 0) {$ j (“# containerExpertCorr”). Css (“display”, “none”); } // ———————————————– — // // Management box recent articles in opening // // ——————————– —————— $ j (“. ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). height (60); boxManual = true; boxOpened = false; var topBannerHeight; var topUltimiArticoliHeight; var topTotalTopHeight; // // ———————————————- —- // // // // Display Expert System ———————————- —————- if ($ j (“. ls-articoloTesto”). height () & gt; 550) j {$ (“. ls-articoloImmagini-Spacer”). css (“height”, $ j (“. ls-image-article”). height () + 120); $ J (“. Ls-image-article”). Css (“display”, “inline”); } If ($ j (‘. Ls-articoloES-Links’). Height () == 0) {$ j (‘. Ls-articoloES-Links’). Css (‘display’, ‘none’); } // ———————————————– — // // // // Initialization loading page ———————————— ————– $ j (document) .ready (function () {// Adaptation of video for mobile if (device.mobile ()) {$ j (‘. ls- articoloScript iframe ‘). width (j $ (window) .width ()); $ j (‘. ls-articoloScript iframe ‘). height (j $ (window) .width () * 9/16);} // // Initialization of removing 4px top padding-top box to align the thread blue top topbannerSectionHeight // var j = $ (‘. ls-topBannerSection’). outerHeight (true) – 4; // // Initialization of the arrows Last Articles // j $ (‘. arrow_up_big’). css (“display”, “none”); $ j (‘. arrow_down_big’). css (“display”, “block”); // // Initialization edges Last Articles rightBoxUltimiArticoli // var j = $ (‘# containerLista #boxUltimoArticolo’). last (); rightBoxUltimiArticoli.addClass (‘BorderRight’); // // // Initialization related articles maxAltezzaBox var = 730; hContainerArt var j = $ (“# containerArtCorr .ls-boxcontent-body-view”). height (); hViewArt var j = $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body”) .height (); var height = Math.max (hContainerArt, hViewArt); height = Math.min (height, maxAltezzaBox); J $ (‘# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body’). Height (height); J $ (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ common / img / arrow_up_disabled.png’); J $ (“# containerArtCorr #articoliCorrScrollUp”). RemoveClass (‘. Active’); // // I hide the arrows to scroll if there are less than 3 articles // if ($ j (“# containerArtCorr .ls-boxUltimoArticolo”). Size () 60) {$ j (node) .text (titolo.substring (0, 60) + ‘…’); }}); // // Add the div for the management of the scroll // j $ (‘. Ls-topBannerSection’). After (”); J $ (‘# afterTopBanner’). Height (topBannerHeight); J $ (‘# getFixed’). After (”); J $ (‘# afterUltimiArticoli’). Height (topTotalTopHeight); afterUltimiArticoliTop var j = $ (‘# afterUltimiArticoli’). position (). top; // // Management box in column 2 // var height = (j $ (‘. Ls-articoloTesto’). Height () + j $ (‘. Ls-articoloTesto’). Position (). Top) – $ j (‘# containerMMCorr’). height () – j $ (‘# containerArtCorr’). height () – $ j (‘. ls-column2′). offset (). top; J $ (‘# containerMMCorr’). After (”);
//
J $ (window) .scroll (function (event) {
var y = j $ (this) .scrollTop ();
if (($ j (window) .scrollTop () & gt; $ j (‘. ls-articoloTesto’). height ()) & amp; & amp; ($ j (window) .scrollTop () & gt; 800)) {
if ($ j (“# sh_socialized_bottom”). css (‘display’) == ‘none’) {
J $ (“# sh_socialized_bottom”). Css (‘display’, ‘block’);
$ J (“# sh_socialized_bottom”). Html ($ j (“# sh_socialized”). Html ());
}
} Else {
J $ (“# sh_socialized_bottom”). Css (‘display’, ‘none’);
$ J (“# sh_socialized_bottom”). Html (”);
}
if (device.tablet () || device.mobile ()) {
return;
}
//
// Management of the top header
//
if (y & gt; 0) {
if (j $ (window) .scrollTop () & gt; j = $ (‘# page_header’). offset (). top) {
//
// Top header fixed
//
if (if! = 1) {
case = 1;
$ J (‘. Ls-topBannerSection’). AddClass (‘fixed’);
$ J (‘. Ls-topBannerSection’). AddClass (‘fixedTopHeader’);
J $ (‘# afterTopBanner’). Css (‘display’, ‘block’);
topBannerHeight j = $ (‘. ls-topBannerSection’). height () + j $ (‘. ls-boxUltimiArticoliLista’). height ();
// Console.log (‘Case:’ + event);
}
if (j $ (window) .scrollTop () (j $ (‘# getFixed’). offset (). top – $ j (‘. ls-topBannerSection’). height ())) {
//
// Management box recent articles
//
if (if! = 3) {
case = 3;
J $ (‘# afterUltimiArticoli’). Css (‘display’, ‘block’);
J $ (‘# getFixed’). AddClass (‘fixed’);
J $ (‘# getFixed’). AddClass (‘fixedTopArticoli’);
// J $ (‘. FixedTopArticoli’). Css (‘top’, topbannerSectionHeight + ‘px’);
// AfterUltimiArticoliTop j = $ (‘# getFixed’). Offset (). Top + j $ (‘# getFixed’). Height () – $ j (‘. Ls-topBannerSection’). Height ();
// Console.log (‘Case:’ + event);
}
} Else {
}
//
// Management of related articles in column 2
//
if (j $ (window) .scrollTop () & gt; j $ (‘. ls-articoloTesto’). height ()) {
if ($ j (“# containerArtCorr”). css (‘top’) == ’0px’) {
if ($ j (“# containerArtCorr”). css (‘display’) == ‘block’) {
postop var j = $ (‘# ad_frame2′). offset (). top – $ j (‘. ls-column2′). offset (). top + 250;
var posBottom postop = + j $ (“# containerArtCorr”). height ();
if ($ j (‘# ed_Related_Box’). offset (). top & gt; posBottom) {
J $ (“# containerArtCorr”). Css (‘display’, ‘none’);
J $ (“# containerArtCorr”). Css (‘position’, ‘relative’);
J $ (“# containerArtCorr”). Css (‘top’, postop + ‘px’);
$ J (“. Ls-column2″). Height ($ j (‘. Ls-column1′). Height ());
$ J (“# containerArtCorr”). FadeIn (600);
}
}
}
} Else {
J $ (“# containerArtCorr”). Css (‘top’, ’0px’);
}
} Else {
if (if! = 4) {
case = 4;
J $ (‘# afterTopBanner’). Css (‘display’, ‘none’);
J $ (‘# afterUltimiArticoli’). Css (‘display’, ‘none’);
$ J (‘. Ls-colonneArticolo’). Css (‘position’, ‘static’);
$ J (‘. Ls-colonneArticolo’). Css (‘top’, ’0px’);
$ J (‘. Ls-topBannerSection’). RemoveClass (‘fixed’);
$ J (‘. Ls-topBannerSection’). RemoveClass (‘fixedTopHeader’);
$ J (‘. Ls-spinster’). Css (‘position’, ‘static’);
$ J (‘. Ls-spinster’). Css (‘top’, ’0px’);
J $ (‘# getFixed’). RemoveClass (‘fixed’);
J $ (‘# getFixed’). RemoveClass (‘fixedTopArticoli’);
// Console.log (‘Case:’ + event);
}
}
});
});
// ———————————————— -
//
// Our recent articles in the box opening
//
// ———————————————— -
// Store the open / close status of the box to avoid
// Handle the same event in the scroll
boxOpened var = false;
// Store if the box was New hotel opened or closed
// Manually to not change the state
// Automatically during the scroll
boxManual var = false;
$ J (‘. Arrow_down_big’). Click (function () {
// I open the box
boxManual = true;
ultimiArticoliBox (‘open’);
});
$ J (‘. Arrow_up_big’). Click (function () {
// I close the box
boxManual = true;
ultimiArticoliBox (‘close’);
});
ultimiArticoliBox function (action) {
var speed1 = 300;
var speed2 = 500;
if ((action == ‘open’) & amp; & amp; (boxOpened == false)) {
var cssProp;
$ J (‘. Arrow_up_big’). Css (“display”, “block”);
$ J (‘. Arrow_down_big’). Css (“display”, “none”);
cssProp = {height: ’180px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). Animate (cssProp, speed2);
cssProp = {top: ’20px’};
// J $ (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-text’). Animate (cssProp, speed2);
cssProp = {top: ’0px’};
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-image’). Animate (cssProp, speed2);
cssProp = {height: ’179px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxUltimiArticoliLista”). Animate (cssProp, speed2,
function ()
{
var height = j $ (‘# getFixed’). height ()
cssProp = {height: + height + ‘px’};
J $ (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
}
);
boxOpened = true;
}
if ((action == ‘close’) & amp; & amp; (boxOpened == true)) {
var cssProp;
$ J (‘. Arrow_up_big’). Css (“display”, “none”);
$ J (‘. Arrow_down_big’). Css (“display”, “block”);
cssProp = {top: ‘-130px’};
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Css (‘position’, ‘relative’);
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-image’). Css (‘position’, ‘relative’);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-image’). Animate (cssProp, speed2);
cssProp = {top: ‘-100px’};
// J $ (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Css (‘position’, ‘relative’);
// J $ (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-text’). Css (‘position’, ‘relative’);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-text’). Animate (cssProp, speed2);
cssProp = {height: ’59px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxUltimiArticoliLista”). Animate (cssProp, speed2);
cssProp = {height: ’60px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). Animate (cssProp, speed2,
function ()
{
var height = j $ (‘# getFixed’). height ()
cssProp = {height: + height + ‘px’};
J $ (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
}
);
J $ (‘# afterUltimiArticoli’). Height (j $ (‘# getFixed’). Height ());
boxOpened = false;
}
}
// ———————————————— -
//
// Management related articles
//
// ———————————————— -
var speed = 300;
var valueArt = 0;
var topValueArt = 0;
var minValueArt = 0;
numArticoli var j = $ (“# containerArtCorr .ls-boxcontent-body-view .ls-boxUltimoArticolo”). length;
currArticolo var = 1;
// ———————————————— -
// Click Arrow pointing down
//
// ———————————————— -
J $ (“# containerArtCorr #articoliCorrScrollDown”). Click (function () {
valueArt = valueArt – $ j (j $ (“# containerArtCorr .ls-boxUltimoArticolo”). get (currArticolo – 1)). outerHeight ();
cssProp var = {top: + valueArt + ‘px’};
if ($ j (“# containerArtCorr #articoliCorrScrollDown”). hasClass (‘. active’) == false)
return;
currArticolo ++;
J $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body .ls-boxcontent-body-view”). Animate (cssProp, speed,
function () {
J $ (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ form / new-leaf / img / arrow_up.png’);
J $ (“# containerArtCorr #articoliCorrScrollUp”). AddClass (‘. Active’);
heightContainer var j = $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body .ls-boxcontent-body-view”). height ();
if (currArticolo & gt; (numArticoli – 1)) {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ common / img / arrow_down_disabled.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). RemoveClass (‘. Active’);
} Else {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ common / img / arrow_down.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). AddClass (‘. Active’);
}
}
);
});
// ———————————————— -
// Arrow upwards Click
//
// ———————————————— -
J $ (“# containerArtCorr #articoliCorrScrollUp”). Click (function () {
valueArt = valueArt + $ j (j $ (“# containerArtCorr .ls-boxUltimoArticolo”). get (currArticolo – 2)). outerHeight ();
cssProp var = {top: + valueArt + ‘px’};
if ($ j (“# containerArtCorr #articoliCorrScrollUp”). hasClass (‘. active’) == false)
return;
currArticolo–;
J $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body .ls-boxcontent-body-view”). Animate (cssProp, speed,
function () {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ form / new-leaf / img / arrow_down.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). AddClass (‘. Active’);
if (numArticoli
No comments:
Post a Comment