Vortrag "Bilder sagen mehr als tausend Worte! Facebook-Integration von dynamisch animierten Inhalten!" von Florian Hofmann & Christian Worreschk auf der AllFacebook Developer Conference in Berlin 2013. Mehr Informationen zum Vortrag und zur Konferenz: http://conference.allfacebook.de/devcon/berlin2013/programm/#7

1. Augmented Reality for Everyone
Bilder sagen mehr als tausend Worte
!
Facebook-Integration von dynamisch animierten Inhalten
!

2. NATIVE

3. PEOPLE LOVE TO !
TAG THINGS!

4. FAME

5. STATEMENT

6. BEAUTY

7. SHARING

8. IDENTITY

9. CONNECT

10. Next BIG THING
NEXT BIG! on Image tagging
THING

13. Anforderung
§ Interak/on
auf
unseren
Bildern
soll
auch
im
Facebook-­‐Stream
Augmented Reality
dargestellt
werden
§ Keine
Canvas-­‐App
§ Stream,
Timeline
und
pixoona
§ Dynamischer
Sync
for Everyone

14. The
Dark
Side...
Flash
§ Facebook
unterstützt
SWF-­‐Videos
§ Flash
muss
kein
Video
sein,
warum
nicht
auch
eine
Applika/on
;)

15. Implemen/erung
1.
Flash-­‐Applika/on
für
die
Darstellung
und
Interak/on
2.
OpenGraph-­‐Objekte
mit
Video-­‐AQribut
3.
Objekt-­‐Seite
die
von
Facebook
ausgelesen
werden
kann
Webseite
Facebook
Flash-App
Daten-API

16. Troubleshoo/ng
Flash-­‐Applika/on
§ Parameter
an
Flashbox
via
GET
Parameter
hängen
§ Größe
nicht
iden/fizierbar
=>
Seitenverhältnisse
§ FB
lässt
kein
Script-­‐Access
zu
=>
z.B.
kein
Scrollen
§ Fullscreen-­‐Modus
ist
möglich,
z.B.
Full-­‐Screen-­‐App
§ FB-­‐Cache
problema/sch
§ Man
kommt
nicht
an
die
FB-­‐Sprache
ran.

17. Objekt-­‐Seite
(OG)
OG-­‐Metatags
für
die
Objektseite
<meta
<meta
<meta
<meta
<meta
property="og:video:url" content="http://pixoona.com/pixbox.swf?image_id=1234">
property="og:video:secure_url" content="ttps://pixoona.com/pixbox.swf?image_id=1234">
property="og:video:type" content="application/x-shockwave-flash">
property="og:video:width" content="526">
property="og:video:height" content="460“>

18. Objekt-­‐Seite
(OG)
Schnelleres
Ausliefern
(Plain/HTML)
User-Agent: facebookexternalhit/1.1 (+http://
www.facebook.com/externalhit_uatext.php)
respond_to do |format|
format.html {
if request.user_agent.to_s.downcase.include?("facebookexternalhit")
render :layout => false, :action => "share_page_plain"
else
render :layout => "share_page"
end
}
end