the Zuckerberg strategy: transforming Messenger app for companies
So, banks, airports and restaurants are using the Facebook chat to revolutionize the relationship with customers
He’d had a taste at the annual conference for developers last year: Facebook intends to propose increasing the application Messenger as a business tool. From customer support, sending money or promotional messages, no shortage of possible fields of application for the software used by more than one billion users. Companies take note, and open new channels of comuncazione.
In mid-May, the bank Tochka Bank, for example, launched the first bot that allows customers to check the balance on the account, locate the nearest ATM, call your bank and make payments via Messenger. Tochka is a bank “mobile only”, no branches, so perhaps especially predisposed to take advantage of technological innovations, but also giants like American Express are moving to take advantage of new opportunities. The credit card revealed in June to be working with Facebook to develop a bot that will give customers more information about the benefits reserved for them. “When booking an airline ticket – he said the vice president Dave Wolf – holders may receive a reminder on how to access the lounge of the airport, or at partner restaurants.”
Staying on the theme of airports to London City today provides flight information via Messenger, while, in the context of digital payments, the American startup BillHero enables members to pay their bills through a specific bot.
They begin to make their way also the first business-to-business initiatives, designed by companies to other companies. Shopify, a platform that provides solutions, digital or otherwise, to retailers, today announced it has launched on Messenger bot, called Kit, which will help companies to develop marketing campaigns. Through kit you can send notifications, program advertising on Facebook and Instagram, send email newsletters.
Side business, Messenger will certainly face a tougher competition than that which private users in the field. Not only applications like Telegram, WeChat or Line arrived earlier to occupy this niche and launch bots for companies, but also companies that focus on inter-communication, as Slack can have their say. The company is already moving in this direction: he recently signed an agreement with TacoBell, to create a bot that allows customers to order Mexican food via Slack. But the strength of Facebook is always the same: a critical mass of users to enviable unreachable at the time by the other operators.
Did you enjoy this article?
Subscribe to the newsletter LaStampa
home
home
ANSA
08/10/2016
lapresse
08/10/2016
AFP
08/10/2016
AP
08/10/2016
” );} else if ($ j ( “# col1ContainerExpertCorr .LS-boxUltimoArticolo”). size () & gt; 0) j {$ ( “# frame1PlaceHolder”). after ( “
” + j $ ( “# col1ContainerExpertCorr “) .html () +”
“);}} // ——————————- ——————- // // Hide the boxes if there are no related articles and multimedia // // ———— ————————————– if ($ j ( “# containerArtCorr .LS-boxUltimoArticolo “) .size () == 0) {$ j (” # containerArtCorr “). css (” display “,” none “);} if ($ j (” # containerExpertCorr .LS-boxUltimoArticolo “). size () == 0) {$ j ( “# containerExpertCorr”). css ( “display”, “none”);} // ———————- —————————- // // box Managing latest articles in the 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’); } // ———————————————– — // // // // loading Initialization page ———————————— ————– $ j (document) .ready (function () {// articles Premium in Expert System box should not have blue title j $ ( “# containerExpertCorr .LS -box-title .LS-scream-titoloLink “). removeClass (” title_premium_true “); // video adaptation for mobile if (device.mobile ()) {$ j ( ‘. ls-articoloScript iframe’). width (j $ (window) .width ()); $ j ( ‘. ls-articoloScript iframe’). height (j $ (window) .width () * 9/16);} // // Initialize the top by removing 4px padding-top box to align the blue thread in the 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 // var rightBoxUltimiArticoli 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.min (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 of the 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:’ + case);
}
if ($ j (window) .scrollTop () (j $ ( ‘# getFixed’). offset (). top – $ j ( ‘. ls-topBannerSection’). height ())) {
//
// Box Managing latest 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:’ + case);
}
} Else {
}
//
// Management of related items 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’, ‘about’);
$ 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:’ + case);
}
}
});
});
// ———————————————— -
//
// Box Managing latest articles in the opening
//
// ———————————————— -
// Stores the open / closed state 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’, ‘about’);
// J $ ( ‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-image’). Css ( ‘position’, ‘about’);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-image’). Animate (cssProp, speed2);
cssProp = {top: ‘-100px’};
// J $ ( ‘# getFixed #boxUltimoArticolo .LS-boxUltimoArticolo-info’). Css ( ‘position’, ‘about’);
// J $ ( ‘# getFixed #boxUltimoArticolo .LS-boxUltimoArticolo-info’). Animate (cssProp, speed2);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-text’). Css ( ‘position’, ‘about’);
$ 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’, ‘/ module / 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’);
}
}
);
});
// ———————————————— -
// Upwards Arrow 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’, ‘/ module / new-leaf / img / arrow_down.png’);
$ J ( “# containerArtCorr #articoliCorrScrollDown”). AddClass ( ‘. Active’);
if (numArticoli
No comments:
Post a Comment