This document discusses a Liferay community project to integrate websites with Facebook pages. It describes how the project allows connecting a band's Liferay website and Facebook page so that login, likes, comments and actions are shared between the two. The project is now in beta release and future work may include integrating it with other Liferay apps. Community involvement is welcomed to continue improving the integration as both Liferay and Facebook evolve.

1. Julio Camarero
Liferay Core Developer, WCM Lead

2. Let me tell you a
story...

3. We have this rock band...
Juan
me

4. We have our Liferay website and a Facebook Page...
www.cabina14.es
facebook.com/cabina14

5. but there was no connection between them
?

6. let’s do
something!

7. Adding functionality to our website...
this is Manu
and Bruno!
Login with facebook
(out of the box)
like button
faces pile

8. Using facebook comments
This is kiko!

9. ... and the
project started...

10. Liferay community project

12. Open Graph Integration: Nodes

15. any page

16. Map<String, String> opengraphAttributes =
(Map<String, String>)request.getAttribute(
"LIFERAY_SHARED_OPENGRAPH");
if (opengraphAttributes == null) {
opengraphAttributes = new HashMap<String, String>();
request.setAttribute(
"LIFERAY_SHARED_OPENGRAPH", opengraphAttributes);
}
opengraphAttributes.put("type", "music.song");
opengraphAttributes.put("url",
song.getFriendlyURL(themeDisplay));
opengraphAttributes.put("title", song.getTitle());
any object!

17. Open Graph Integration: actions

18. Open Graph Integration - Phase 2
aggregate actions and
content

19. where can I find
this?

20. • Do you want to have fun and
contribute?
• http://www.liferay.com/es/community/projects/
• Do you just want to download it?
• http://www.liferay.com/community/projects/facebook-
integration/downloads
• Coming soon to the Liferay MarketPlace!

21. Announcement:
Open Graph Integration
Release (Beta): Today!
http://www.liferay.com/community/
projects/facebook-integration/

22. Next steps?

23. Integration with Liferay apps
(blogs, documents, images,
calendar...)
Tab apps
...

24. Ideas are very welcome!
http://www.liferay.com/community/projects/facebook-integration/

25. Conclusions
• Facebook Integration project allows integrating
your sites with Facebook pages
• Actions your fans do in facebook are visible in your
page
• Actions/Content your users create in your page are
posted in facebook
• This is a working project, facebook is changing
every week and so are we! join us :)

26. @liferay
@juliocamarero
julio.camarero@liferay.com
Thank you!
www. .es
just if you wanna rock! :)