המדריך הזה ידגים איך להוסיף מה שנקרא social app לעמוד אינטרנט רגיל,המדריך הזה נועד למפתחי צד לקוח בעיקר,אבל יכול לעזור גם למפתחי צד שרת שרוצים ליצור אפליקציות כאלה בצורה דינאמית.
שני האפליקציות החברתיות הכי נפוצות הן הלייק והתגובות.המדריך הזה ידגים איך לאפשר את השפת סקריפטינג של פייסבוק fbml לשימוש על דף html רגיל.
סך הכול זה דבר פשוט לשימוש, הבעיה היא המחסור בדוקומנטציה נורמאלית.
שלב1:
הטאג html צריך להראות ככה:
שלב 2:
טגי מטא של פייסבוק,לשנות לפי הפרטים של האתר ואפליקציה (מידע נוסף נמצא ב api)
< meta property="og:description" content="your description "/>
1
שלב 3:
בגוף של הדף (body tag).לכלול את הקוד הבא אם הפרטים של האפליקציה id ניתן להסיג בכתובת הזו:
http://developers.facebook.com/setup
הקוד :
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
1
שלב4:
פשוט להוסיף טאג fbml.במקרה הזה אני יכתוב את הנפוצים:לייק:
תגובות:
פעילות אחרונה של האפליקציה:
המלצות:
משתמשים שרשומים לדף זה:
דף לדוגמא שמציג את כול זה בפועל:
כאן
לסיכום
זה גירוד של קצה הקרחון,השלב הבא זה ללמוד את הgraph api של פייסבוק שמאפשר גישה למידע של המשתמש ויצירת אפליקציות חברתיות יותר מורכבות.
אבל זה כבר משהו אחר למאמר אחר.
במידה ומשהו במאמר הזה לא עובד אפשר להשאיר תגובה למטה (גם נעשה אם אפליקציה של פייסבוק בצורה דינאמית).
מתכנת ווב מעצב אתרים עם נסיון בseo