WhatsApp 2020!? Das Messenger Marketing Update - was ihr 2020/21 umsetzen kön...
FACEBOOK PLACES - Scan the Places (by Stephan Alber @ AllFacebook Developer Conference)
1. Facebook Places
„Scan the Places“
+
Places im neuen Open Graph
FranciMedia, AllFacebook Developer
1
Converence, 5. Dezember 2011
2. About me
Stephan Alber
(FranciMedia) / Freier Entwickler
- Über 10 Jahre Berufserfahrung (Gründung erstes Social Network im Jahr 2001)
- Werdegang - Quereinsteiger: Vom Nightlife Mensch (Presse, Promotion, Fotografie, Veranstalter) zum Software-Entwickler
- Bachelor of Science „Online Media“, HS Furtwangen
- Kunden im deutsch-sprachigem Raum sowie USA (Branchen: IT, Lebensmittel, Sport, Presse, Verbände, Tourismus, Agenturen, …
- Über 200 publizierte Facebook Apps
- Spezialisierung: Facebook, PHP, HTML, JS, CSS, ORM (Doctrine, Propel), Codeigniter, Symfony, etc.
- Freizeitprojekte, Bspweise „Atomkraft? Nein Danke!“ – Über 500.000 Nutzer, in den Medien: ZDF Login, Stern online, etc.
FranciMedia, AllFacebook Developer
2
Converence, 5. Dezember 2011
3. Scan the Places
Warum scannen?
- Statistiken
- Datenabgleich für Apps
FranciMedia, AllFacebook Developer
3
Converence, 5. Dezember 2011
5. Was ist ein Place?
Beispiel Timesquare
August 2011:
250.000 Checkins
Dezember 2011:
350.000+ Checkins
Zuwachs in 4 Monaten:
ca. 40%
„Were here“ !=
„checkins“
http://www.facebook.com/timessquarenyc?sk=info
FranciMedia, AllFacebook Developer
5
Converence, 5. Dezember 2011
6. Datenstruktur – Facebook Place Objekt
"id": "39875583837",
"name": "Times Square NYC",
"picture": "http://profile.ak.fbcdn.net/hprofile-ak-ash2/373361_39875583837_1657282510_s.jpg",
"link": "http://www.facebook.com/timessquarenyc",
"likes": 353878,
"category": "Local business",
"website": "http://www.TimesSquareNYC.org",
"username": "timessquarenyc",
"description": "The Official source of Times Square",
"location": {
"street": "1560 Broadway u0040 the Crossroads of the World",
"city": "New York",
"state": "NY",
"country": "United States",
"zip": "10036",
"latitude": 40.758107033743,
"longitude": -73.98555055563
},
"public_transit": "42nd Street/Times SquarenA,C,E,1,2,3,N,R,Q,W,S,7",
"phone": "(212) 768-1560",
"can_post": true,
"checkins": 367644,
"talking_about_count": 24250
FranciMedia, AllFacebook Developer
6
Converence, 5. Dezember 2011
7. Grundschritte – Scanvorgang
1. Region eingrenzen
2. Scanner Punkte erstellen
– Grund
• Vergleichbarkeit der Daten über unterschiedliche Zeiträume
• Fortschritt (%) / DB Zustand
• Zur Vermeidung doppelter Scan-Vorgänge
– Punkte festlegung über:
• x/y Raster
• Radial (Sprialfunktion)
– Eigenschaften
• Geo-Position (latitude/longitude)
• Uhrzeit des letzten Scans
3. Scannen
Archimedische Spirale
Quelle: Wikipedia
FranciMedia, AllFacebook Developer
7
Converence, 5. Dezember 2011
9. Scan-Ergebnisse*
Manhattan
– ca. 100.000 places
– ca. 7.000.000 checkins
– 72 checkins per place (avg)
Berlin (Mitte)
– ca. 30.000 places
– ca. 1.000.000 checkins
– 38 checkins per place (avg)
*: August 2011; Kein Anspruch auf Vollständigkeit (!)
FranciMedia, AllFacebook Developer
9
Converence, 5. Dezember 2011
10. Places Heatmap
Graphische Darstellung der Daten
Satelliten Karte Heatmap
Quelle:
wikipedia
rot = warm
grün = neutral
Blau = kalt
FranciMedia, AllFacebook Developer
10
Converence, 5. Dezember 2011
11. Beispiel Ergebnis – Places in Manhattan (NYC)
Bildmaterial: Google Maps
FranciMedia, AllFacebook Developer
11
Converence, 5. Dezember 2011
12. Beispiel Ergebnis – Bars in Manhattan (NYC)
Bildmaterial: Google Maps
FranciMedia, AllFacebook Developer
12
Converence, 5. Dezember 2011
13. Beispiel Ergebnis – Bars in Manhattan (NYC)
Bildmaterial: Google Maps
FranciMedia, AllFacebook Developer
13
Converence, 5. Dezember 2011
14. „Scan the Places“ - Live Demo
Demo URL:
places.fmhosting.de/heatmap/index/10
FranciMedia, AllFacebook Developer
14
Converence, 5. Dezember 2011
15. Places im neuen Open Graph
Crash Kurs:
• Objekt mit „Map“-Eigenschaften erstellen
• Datentyp: GeoPoint
• Aktion erstellen
• Attachment Layout
• Positionsbezug
• Zusammenfassung/Aggregation erstellen
• Anwendungsbeispiel
• Code-Beispiele (HTML, JS, PHP)
FranciMedia, AllFacebook Developer
15
Converence, 5. Dezember 2011
16. Objekt bearbeiten
• Allgemeine Eigenschaften:
• URL, Titel, Bild, Beschreibung, …
• Position
• Datentyp - GeoPoint: Latitude, Longitude, Altitude
• Weitere Eigenschaften
• Checkins, Likes, Altitude*
FranciMedia, AllFacebook Developer
16
Converence, 5. Dezember 2011
17. Objekt bearbeiten – Bsp „Mountain“
FranciMedia, AllFacebook Developer
17
Converence, 5. Dezember 2011
18. Objekt bearbeiten – Bsp „Mountain“
FranciMedia, AllFacebook Developer
18
Converence, 5. Dezember 2011
19. Objekt bearbeiten – Bsp „Mountain“
FranciMedia, AllFacebook Developer
19
Converence, 5. Dezember 2011
20. Code-Beispiel: META-Tags
• Meta-Tags Code wird in Head-Tag eingefügt
• pro Objekt eine URL
FranciMedia, AllFacebook Developer
20
Converence, 5. Dezember 2011
21. Code-Beispiel: META-Tags
Objekt debuggen über: http://developers.facebook.com/tools/debug/
Bsp. Test URL: http://developers.facebook.com/tools/debug/og/object?q=http://summiteer.fmhosting.de/app/place/514
FranciMedia, AllFacebook Developer
21
Converence, 5. Dezember 2011