Khoros Atlas Logo

%3CDIV%20class%3D%22lia-message-template-content-zone%22%3E%3CLINGO-SUB%20id%3D%22lingo-sub-226158%22%20slang%3D%22en-US%22%3EThe%20Bridge%3A%20your%20lithium%20community%20into%20Facebook%20Messenger%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-226158%22%20slang%3D%22en-US%22%3E%3CP%3EDuring%20the%20%23linc16%20Hackathon%2C%20we%26nbsp%3Bput%20together%20The%20Bridge.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20Bridge%20is%20a%20Facebook%20bot.%20Listening%20to%20a%20specific%26nbsp%3BFacebook%20Page%20Messenger%20conversations%2C%20it%20take%20users%26nbsp%3Bquestions%20and%20search%20into%20the%20community%20for%20matching%20contents.%26nbsp%3BIf%20relevant%20contents%20is%20found%2C%20the%20bot%20pushes%20them%20to%20the%20user%26nbsp%3Bthrough%26nbsp%3Bstructured%20messages%20in%20Facebook%20Messenger.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFrom%20those%20contents%2C%20the%20user%26nbsp%3Bcan%20then%20choose%26nbsp%3Bbetween%20going%20to%20the%20community%20to%20either%20read%20the%20content%20(and%20hopefully%20engage%20himself)%20or%20ask%20his%20question%20in%20a%20post.%3C%2FP%3E%3CP%3EUltimately%2C%20he%20can%20choose%20to%20talk%20to%20a%20brand%20representative%20via%20the%20same%20Messenger%20conversation.%20The%20conversation%20is%20then%20displayed%20to%20an%20agent%20in%20LSW%20(according%20to%20specific%20settings%20in%20queues).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDuring%20the%20time%20of%20the%20hackathon%2C%20we%20just%20blindly%20covered%20an%20answer%20to%20every%20statement%20made%20on%20Messenger%20(being%20a%20question%20or%20not%2C%20being%20relevant%20to%20the%20community%20or%20not)%20and%20the%20search%20in%20the%20community%20is%20a%20blind%20matching%20from%20posts%20subjects.%3C%2FP%3E%3CP%3EWe%20could%20improve%20the%20bot%20to%20search%20to%20specific%20parts%20of%20the%20community%2C%20also%20search%20through%20posts%26nbsp%3Bbody%20or%20filter%20on%20answered%20topics.%20We%20could%20also%20order%20the%20displayed%20contents%20by%20relevancy%20or%20by%20comments%20count.%20And%20implement%20a%20%22more%26nbsp%3Bcontent%22%20button.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20cover%20the%20%22content%20from%20community%20to%20messenger%22%20part.%20A%20scenario%20could%20be%20explored%20where%20the%20user%20contributes%20to%20the%20community%20directly%20from%20messenger.%20This%20won't%20be%20trivial%2C%20as%20we%20would%20have%20to%20deal%20with%20identity%20matching%20(Facebook%20%26lt%3B%3D%26gt%3B%20Community).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou'll%20find%20in%20attachment%20the%20deck%20of%20slide%20presenting%20the%20concept.%3C%2FP%3E%3CP%3EThe%20following%20video%20will%20show%20you%20practically%20how%20this%20basic%20hack%26nbsp%3Bworks%20and%20the%20final%20result%20on%20desktop%20or%20mobile%20of%20this%20integration.%3C%2FP%3E%3CP%3E%3C%2FP%3E%3CDIV%20class%3D%22video-embed-center%20video-embed%22%3E%26lt%3Biframe%20class%3D%22embedly-embed%22%20src%3D%22%3CA%20href%3D%22http%3A%2F%2Fcdn.embedly.com%2Fwidgets%2Fmedia.html%3Fsrc%3Dhttps%253A%252F%252Fwww.youtube.com%252Fembed%252Fl7Vf6U8eXM0%253Ffeature%253Doembed%26amp%3Burl%3Dhttp%253A%252F%252Fwww.youtube.com%252Fwatch%253Fv%253Dl7Vf6U8eXM0%26amp%3Bimage%3Dhttps%253A%252F%252Fi.ytimg.com%252Fvi%252Fl7Vf6U8eXM0%252Fhqdefault.jpg%26amp%3Bkey%3Dfad07bfa4bd747d3bdea27e17b533c0e%26amp%3Btype%3Dtext%252Fhtml%26amp%3Bschema%3Dyoutube%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fcdn.embedly.com%2Fwidgets%2Fmedia.html%3Fsrc%3Dhttps%253A%252F%252Fwww.youtube.com%252Fembed%252Fl7Vf6U8eXM0%253Ffeature%253Doembed%26amp%3Burl%3Dhttp%253A%252F%252Fwww.youtube.com%252Fwatch%253Fv%253Dl7Vf6U8eXM0%26amp%3Bimage%3Dhttps%253A%252F%252Fi.ytimg.com%252Fvi%252Fl7Vf6U8eXM0%252Fhqdefault.jpg%26amp%3Bkey%3Dfad07bfa4bd747d3bdea27e17b533c0e%26amp%3Btype%3Dtext%252Fhtml%26amp%3Bschema%3Dyoutube%3C%2FA%3E%22%20width%3D%22600%22%20height%3D%22450%22%20scrolling%3D%22no%22%20frameborder%3D%220%22%20allowfullscreen%3D%22%22%26gt%3B%26lt%3B%2Fiframe%26gt%3B%3C%2FDIV%3E%3CP%3E%3C%2FP%3E%3CP%3EYou%20can%20find%20the%20source%20code%20of%26nbsp%3BThe%20Bridge%20bot%20on%20github%20%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmeuble%2Fthebridge%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Fmeuble%2Fthebridge%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20team%20was%20composed%20of%20%3A%3C%2FP%3E%3CP%3E%26nbsp%3B-%20John%20Linster%20(QVC)%3C%2FP%3E%3CP%3E%26nbsp%3B-%20Amy%20Trice%20(QVC)%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B-%20Keyai%20Lee%20(Comcast)%3C%2FP%3E%3CP%3E%26nbsp%3B-%20St%C3%A9phane%20Akkaoui%20(%3CA%20title%3D%22The%20Social%20Client%22%20href%3D%22mailto%3Asakkaoui%40thesocialclient.com%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EThe%20Social%20Client%3C%2FA%3E)%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIf%20you%20have%20any%20questions%20regarding%20this%20code%2C%20or%20the%20configuration%20needed%20in%20both%20Lithium%20LSW%20or%20Facebook%20(yes%2C%20you%20do%20need%20that%E2%80%A6)%2C%20feel%20free%20to%20reach%20out%20to%20me.%3C%2FP%3E%3CP%3EIf%20you%20are%20interested%20into%20designing%20bot%20experiences%20for%20your%20customers%20don't%20hesitate%20to%20contact%20%3CA%20title%3D%22the%20Social%20Client%22%20href%3D%22mailto%3Asakkaoui%40thesocialclient.com%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EThe%20Social%20Client%3C%2FA%3E.%3CBR%20%2F%3E%3CBR%20%2F%3E--%26nbsp%3B%3C%2FP%3E%3CP%3ESt%C3%A9phane%20Akkaoui%3C%2FP%3E%3CP%3ECTO%20-%20The%20Social%20Client%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-226937%22%20slang%3D%22en-US%22%3ERe%3A%20The%20Bridge%3A%20your%20lithium%20community%20into%20Facebook%20Messenger%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-226937%22%20slang%3D%22en-US%22%3EAmazingly%20awesome!%20Congrats!%20Felicitations.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-226579%22%20slang%3D%22en-US%22%3ERe%3A%20The%20Bridge%3A%20your%20lithium%20community%20into%20Facebook%20Messenger%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-226579%22%20slang%3D%22en-US%22%3EAwesome%20job%20to%20design%20and%20implement%20this%20experience%20within%20the%20minimal%20time%20during%20the%20hackathon.%20Great%20job%20to%20the%20whole%20team%20and%20thanks%20for%20sharing%20this%20writeup.%3CBR%20%2F%3E%3CBR%20%2F%3EI'm%20curious%20how%20this%20turns%20out%20as%20a%20productized%20feature.%20Please%20keep%20us%20posted.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-226558%22%20slang%3D%22en-US%22%3ERe%3A%20The%20Bridge%3A%20your%20lithium%20community%20into%20Facebook%20Messenger%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-226558%22%20slang%3D%22en-US%22%3E%3CP%3Estephane%2C%20truly%20amazing%20work%20!!%26nbsp%3B%3CA%20href%3D%22http%3A%2F%2Fcommunity.lithium.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F9048%22%20rel%3D%22noopener%20noreferrer%22%3E%40ArnaudL%3C%2FA%3E%26nbsp%3Band%20I%20just%20found%20the%20new%20beta%20Lithium%20%2F%20TSC%20customer%20for%20this%20%3Cspan%20class%3D%22lia-unicode-emoji%22%20title%3D%22%3Awinking_face%3A%22%3E%F0%9F%98%89%3C%2Fspan%3E%3C%2FP%3E%0A%3CP%3EAlso%2C%20I%20can't%20wait%20to%20have%20another%20demo%20of%20it%20next%20tuesday%20during%20our%20Linc%20Paris%20Event.%3C%2FP%3E%0A%3CP%3EAgain%2C%20huge%20congrats%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-226557%22%20slang%3D%22en-US%22%3ERe%3A%20The%20Bridge%3A%20your%20lithium%20community%20into%20Facebook%20Messenger%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-226557%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22http%3A%2F%2Fcommunity.lithium.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F32561%22%20rel%3D%22noopener%20noreferrer%22%3E%40sakkaoui%3C%2FA%3E%26nbsp%3B%3A%20Most%20sincere%20congrats%20my%20friend%2C%20you've%20been%20truly%20out%20of%20this%20world%20on%20this%20one%2C%20and%20so%20was%20the%20entire%20The%20Bridge%20Team%20!%20And%20what%20is%20even%20more%20fantastic%20is%20the%20way%20you've%20been%20sharing%20all%20of%20this%20on%20social%20and%20here%2C%20on%20the%20blog%20!%20This%20is%20what%20community%20is%20all%20about.%20Thank%26nbsp%3Byou%26nbsp%3Bso%20much%26nbsp%3Bfor%20that%20and%20Vive%20Le%26nbsp%3BBridge%20!!%26nbsp%3B%3CIMG%20class%3D%22emoticon%20emoticon-smileyvery-happy%22%20id%3D%22smileyvery-happy%22%20src%3D%22https%3A%2F%2Fip1.i.lithium.com%2Fa4a71a5e9437d61ee139433bd2a90cabe2ac19cc%2F687474703a2f2f6c6974686f7370686572652e692e6c69746869756d2e636f6d2f692f736d696c6965732f31367831365f736d696c65792d766572792d68617070792e706e67%22%20alt%3D%22Smiley%20Very%20Happy%22%20title%3D%22Smiley%20Very%20Happy%22%20%2F%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20600px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fip1.i.lithium.com%2F75dac702b8ee58c4d6006b542401355f08735ecb%2F687474703a2f2f636f6d6d756e6974792e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f333935373569303132363646433435413936303339442f696d6167652d73697a652f6c617267653f763d76322670783d363030%22%20alt%3D%22_DSB6816_resize.JPG%22%20title%3D%22_DSB6816_resize.JPG%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20399px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fip1.i.lithium.com%2F43d7207957a8e2a52ff2d59a58b81ac41384f6e4%2F687474703a2f2f636f6d6d756e6974792e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f333935373469334636363239303130343531353530442f696d6167652d73697a652f6c617267653f763d76322670783d363030%22%20alt%3D%22_DSC5358_resize.JPG%22%20title%3D%22_DSC5358_resize.JPG%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20600px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fip1.i.lithium.com%2F6cba975037088944f73d9d75737f584f44f1e484%2F687474703a2f2f636f6d6d756e6974792e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f333935373369333945343031454135343236323830302f696d6167652d73697a652f6c617267653f763d76322670783d363030%22%20alt%3D%22_DSC5362_resize.JPG%22%20title%3D%22_DSC5362_resize.JPG%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20600px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fip1.i.lithium.com%2Ffb6b03ba83c366d1854a78c4bf62ec433de08241%2F687474703a2f2f636f6d6d756e6974792e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f333935373669344335374642383035374133353532422f696d6167652d73697a652f6c617267653f763d76322670783d363030%22%20alt%3D%22_DSC6194_resize.JPG%22%20title%3D%22_DSC6194_resize.JPG%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20600px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fip1.i.lithium.com%2F4651fed1d7ab04fd0a79b92a29964906eded960e%2F687474703a2f2f6c6974686f7370686572652e692e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f333935373769324646303432324633464342414134462f696d6167652d73697a652f6c617267653f763d76322670783d363030%22%20alt%3D%22_DSC6215_resize.JPG%22%20title%3D%22_DSC6215_resize.JPG%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20600px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fip1.i.lithium.com%2Fdc00241b7cdf98f56fe677b63a4aadca8cc7d85a%2F687474703a2f2f636f6d6d756e6974792e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f333935373269414333334442413135424444344445302f696d6167652d73697a652f6c617267653f763d76322670783d363030%22%20alt%3D%22_DSB8403_resize.JPG%22%20title%3D%22_DSB8403_resize.JPG%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20600px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fip1.i.lithium.com%2F86873974c4e4b4638f4527905e6730539bac7f57%2F687474703a2f2f6c6974686f7370686572652e692e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f333935373969464130313543353646454642363436342f696d6167652d73697a652f6c617267653f763d76322670783d363030%22%20alt%3D%22_DSC2911_resize.JPG%22%20title%3D%22_DSC2911_resize.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-226209%22%20slang%3D%22en-US%22%3ERe%3A%20The%20Bridge%3A%20your%20lithium%20community%20into%20Facebook%20Messenger%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-226209%22%20slang%3D%22en-US%22%3E%3CP%3ESo%20impressed%20with%20what%20your%20team%20came%20up%20with.%20I%20hope%20it%20continues%20to%20be%20worked%20on%20and%20developed%20further.%20Great%20idea%20and%20demo!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-226165%22%20slang%3D%22en-US%22%3ERe%3A%20The%20Bridge%3A%20your%20lithium%20community%20into%20Facebook%20Messenger%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-226165%22%20slang%3D%22en-US%22%3EI%20wish%20I%20could%20give%20you%20more%20than%20just%202%20kudos...%20This%20is%20truly%20amazing!!!%3C%2FLINGO-BODY%3E%0A%3C%2FDIV%3E
Occasional Contributor
Occasional Contributor

The Bridge: your lithium community into Facebook Messenger

During the #linc16 Hackathon, we put together The Bridge.

 

The Bridge is a Facebook bot. Listening to a specific Facebook Page Messenger conversations, it take users questions and search into the community for matching contents. If relevant contents is found, the bot pushes them to the user through structured messages in Facebook Messenger.

 

From those contents, the user can then choose between going to the community to either read the content (and hopefully engage himself) or ask his question in a post.

Ultimately, he can choose to talk to a brand representative via the same Messenger conversation. The conversation is then displayed to an agent in LSW (according to specific settings in queues).

 

During the time of the hackathon, we just blindly covered an answer to every statement made on Messenger (being a question or not, being relevant to the community or not) and the search in the community is a blind matching from posts subjects.

We could improve the bot to search to specific parts of the community, also search through posts body or filter on answered topics. We could also order the displayed contents by relevancy or by comments count. And implement a "more content" button.

 

This cover the "content from community to messenger" part. A scenario could be explored where the user contributes to the community directly from messenger. This won't be trivial, as we would have to deal with identity matching (Facebook <=> Community).

 

You'll find in attachment the deck of slide presenting the concept.

The following video will show you practically how this basic hack works and the final result on desktop or mobile of this integration.

You can find the source code of The Bridge bot on github : https://github.com/meuble/thebridge

 

The team was composed of :

 - John Linster (QVC)

 - Amy Trice (QVC) 

 - Keyai Lee (Comcast)

 - Stéphane Akkaoui (The Social Client)

 

If you have any questions regarding this code, or the configuration needed in both Lithium LSW or Facebook (yes, you do need that…), feel free to reach out to me.

If you are interested into designing bot experiences for your customers don't hesitate to contact The Social Client.

-- 

Stéphane Akkaoui

CTO - The Social Client

6 Replies 6
Highlighted
Honored Contributor Honored Contributor
Honored Contributor

Re: The Bridge: your lithium community into Facebook Messenger

I wish I could give you more than just 2 kudos... This is truly amazing!!!

Stephen

Checkout some of the stuff i've built using the platform:

Community l Ideation l Blog l Product Hubs l Check & Report l Service Status 



My latest Ideas: Vanity URL Manager l @mention Roles l  LSW Password Policy


Reply
Loading...
Highlighted
Esteemed Contributor
Esteemed Contributor

Re: The Bridge: your lithium community into Facebook Messenger

So impressed with what your team came up with. I hope it continues to be worked on and developed further. Great idea and demo!

Jillian Bejtlich
Community Architect
The Community Roundtable
Reply
Loading...
Highlighted
Khoros Guru
Khoros Guru

Re: The Bridge: your lithium community into Facebook Messenger

@sakkaoui : Most sincere congrats my friend, you've been truly out of this world on this one, and so was the entire The Bridge Team ! And what is even more fantastic is the way you've been sharing all of this on social and here, on the blog ! This is what community is all about. Thank you so much for that and Vive Le Bridge !! Smiley Very Happy

 

_DSB6816_resize.JPG_DSC5358_resize.JPG_DSC5362_resize.JPG_DSC6194_resize.JPG_DSC6215_resize.JPG_DSB8403_resize.JPG_DSC2911_resize.JPG

 

 

Reply
Loading...
Highlighted
Khoros Staff
Khoros Staff

Re: The Bridge: your lithium community into Facebook Messenger

stephane, truly amazing work !! @ArnaudL and I just found the new beta Lithium / TSC customer for this 😉

Also, I can't wait to have another demo of it next tuesday during our Linc Paris Event.

Again, huge congrats 

Reply
Loading...
Highlighted
Honored Contributor
Honored Contributor

Re: The Bridge: your lithium community into Facebook Messenger

Awesome job to design and implement this experience within the minimal time during the hackathon. Great job to the whole team and thanks for sharing this writeup.

I'm curious how this turns out as a productized feature. Please keep us posted.
If you appreciate my efforts, please give me a kudo ↓
Accept as solution to help others find it faster.
Reply
Loading...
Highlighted
Honored Contributor Honored Contributor
Honored Contributor

Re: The Bridge: your lithium community into Facebook Messenger

Amazingly awesome! Congrats! Felicitations.
Learning from others and helping where I can!
Community Passionista!
Reply
Loading...