לחצו כאן למדריך מעודכן נכון ל- 19.9.2011

מעודכן נכון ל: 29.3.2011

ניתן להוריד את המדריך בגרסה מפורטת בפורמט – PDF כאן: להורדה

פייסבוק הודיעו באופן רשמי על מעבר מ-FBML ל – iframe באפליקציות ובעמודי אוהדים. החל מחודש מרץ (2011) לא ניתן יהיה להוסיף לשוניות FBML  חדשות  כפי שנעשה עד עכשיו באמצעות האפליקציה Static FBML.

תהליך הוספת לשונית לעמוד אוהדים עדיין נשאר פשוט וכעת הוא מתבצע באמצעות ממשק ה- Developers של פייסבוק.

בניגוד ל- Static FBML, כעת אתם נדרשים לאחסן בעצמכם את קוד הטאב שיכול להיכתב ב- HTML או בכל שפת פיתוח אחרת  (PHP , ASP  וכד' ).

תהליך העבודה:

1. יוצרים קובץ שיכיל את קוד הטאב

במדריך  זה אני מדגים את התהליך על קובץ HTML פשוט אך אני ממליץ לעבוד עם קבצים דינאמיים בעלי סיומת php או asp (תלוי בשרת).
יש מספר כלים שמאפשרים עריכה של קבצי אינטרנט. לדוגמא: DreamWeaver – עורך ותיק של חברת Adobe שמאפשר לכם לערוך את עמודי האינטרנט בצורה ויזואלית ואינו דורש ידע בכתיבת קוד html.
אני מעדיף לעבוד עם עורך מצויין וחינמי Notepad++ שמאפשר לכם לערוך קבצים בצורה מקצועית אך דורש מעט ידע ב- html בסיסי
(כאן ניתן ללמוד html בקלות וביעילות).

2. מעלים את הקובץ לשרת

ההעלאה מתבצעת באמצעות  FTP Client או במילים אחרות – תוכנת FTP  שתפקידה להעלות קבצים לשרת. יש לא מעט תוכנות חינמיות באינטרנט שניתן
לעשות בהם שימוש למשל: WS_FTP.

3. נכנסים לממשק ה- Developers  של פייסבוק בכתובת http://facebook.com/developers

4. יוצרים אפליקציה חדשה

5.מגדירים אייקון לאפליקציה – זה האיקון שיופיע ברשימת הטאבים בעמוד הפייסבוק. מומלץ שהאייקון יהיה ריבועי אחרת הוא לא יראה אסטטי.

לחצו על Change your icon ובחרו קובץ תמונה.

לחצו להגדלה

6. מגדירים את כתובת האינטרנט בה אתם מאחסנים את הטאב. חשוב לשים לב לפורמט הכתובת אחרת זה לא יעבוד.

לחצו להגדלה

A. נכנסים ל – Web Sites

B. מגדירים את Site URL. שימו לב! כתובת האינטרנט צריכה להיראות כך (הסלאשים מסומנים באדום):

C. מגדירים את Site Domain.שימו לב! כתובת האינטרנט צריכה להיראות כך (ללא סלאשים):

בשלב זה עדיין לא עושים Save Changes!

7.מבצעים אינטגראציה בין הטאב המאוכסן בשרת לבין פייסבוק.

בשלב זה אנחנו "אומרים" לפלטפורמה של פייסבוק היכן נמצא הטאב שעיצבנו. כך אנחנו יוצרים בעצם קישור בין פייסבוק לבין השרת שלנו באינטרנט.

לחצו להגדלה

A. נכנסים ל Facebook Intergration

B. מגדירים שם מתחם לאפליקציה בפייסבוק. שם זה הוא בעצם הדומיין של האפליקציה בפייסבוק. תנו שם בעל משמעות וודאו שהוא מכיל אותיות בלבד.

הכתובת ב- Canvas URL  צריכה להצביע לתיקיה בשרת היכן שמאוכסן קובץ הטאב שלכם (משלב 1).

Canvas URL:  הכניסו את הכתובת בשרת שבה מאוכסנים הקבצים של הטאב. לדוגמא: אם פתחתם תיקיית tabs בשרת yourdomain.com
כתובת ה – Canvas צריכה להיות:

לחצו להגדלה

C. נותנים שם לטאב (זהו השם שיופיע ברשימת הלשוניות בעמוד האוהדים) – תנו שם בעל משמעות, אל תסתפקו ב- "ברוכים הבאים" הבנאלי

D. בחורים ב – Iframe

E. מכניסים את שם הקובץ של הטאב שיצרתם בשלב הראשון -

F. כתובת מאובטחת – במידה והשרת שלכם תומך ב- SSL תוכלו להוסיף את כתובת הטאב המאובטחת. אנשים שהגדירו את הגלישה שלהם בפייסבוק דרך https
לא יראו את הלשונית שלכם אם לא תספקו כתובת מבאובטחת בהגדרות האפליקציה.

G. שומרים שינויים

8. נכנסים ל – Application Profile Page כדי לגשת לעמוד הפרופיל של האפליקציה

לחצו להגדלה

9. לוחצים על – Add to my page

לחצו להגדלה

10.  בוחרים עמוד שאליו אנחנו מעוניינים להוסיף את הטאב

11.  נכנסים לעמוד שאליו הוספנו את הטאב ולוחצים על More מתחת לרשימת הלשוניות  ולאחר מכן על Edit כדי לשנות את מיקום הלשונית.

באגים ותקלות ידועות:

במידה ומתקבלת שגיאה מסוג: 405 – שנו את סיומת הקובץ לסיומת של קובץ דינאמי: php או asp . כלומר: mytab.php או mytab.asp.

במידה ומתקבלת שגיאה: FBML Error (line 9): illegal tag "body" under "fb:tab-position" סימן שאתם צריכים לבדוק שוב את ההגדרות ולהגדיר את הטאב כ- iframe.

אתם לא רואים את הטאב ברשימת הטאבים של העמוד, גם לאחר שלחצתם על More? כנסו להגדרות העמוד, לאחר מכן להגדרות ה – Apps של העמוד, חפשו את האפליקציה שיצרתם, לחצו Edit
ולאחר מכן לחצו על  Add כדי להוסיף את הטאב לעמוד (באותו הממשק תוכלו לשנות את שם הלשונית כרצונכם ).

יש לכם שאלות נוספות ? אתם מוזמנים להתייעץ איתי בכל נושא בעמוד הפייסבוק שלי:  http://facebook.com/zvagelsky.socialmedia