Tips : Facebook FBML

 

במסגרת הסדרה של פינת הטיפים בFacebook אציג כאן רשומה מעט טכנית שתסקור את הדברים שניתנים להיעשות אם בכוחות עצמכם או בעזרה מינימאלית, על מנת שהמתחם הפייסבוקי שלכם יקבל צביון עיצובי. אנסה לכוון אתכם לעשייה טכנית (למרות שבדרך כלל אני לא מתעכבת דווקא על צד זה) מתוך ההבנה שחלק משמעותי ביותר למתחם שלכם הוא ה-Look & Feel שלו . יש לקוות שהרשומה הזו תעזור לכם להקפיץ את רמת המתחם שלכם. אציין שזהו "מדריך נבוכים" לנבוכים באמת, ואין בו ערך מוסף למי שמתמצא בעיצוב סביבות במתחם |

חשיבות הגשת התוכן מבחינה ויזואלית |  עיצוב המתחם שלי מתבטא בעיצוב סביבת העבודה הן במסגרתה הכללית והן בפרטיה. ראיתי לנכון, בשלב טרום ההדרכה אודות שיטות הביצוע, להתעכב על שאלת ה"מדוע ?" האמונה שלי היא שמתחם מוקפד, מעוצב היטב, שמנצל לתועלתו את כלל היכולות של הזירה, יכול להוות אבן שואבת שבכוחה להניב תוצאות ניכרות. עיצוב מבחינתי הוא גורם קובע לגבי טיב העברת המסר שלנו לרשת ועוזר לנו לייצר עוגן. חשוב להדגיש מלכתחילה שניתן להפעיל את ההמלצות אך ורק על עמודי חברה, דהיינו עמודי Like לצורך העניין, ואין כל אפשרות להשפיע ברמה כזו בשום כלי אחר בפלטפורמת Facebook.

הדרך הטכנית שצריך לעבור |  אַנְחֶה אתכם צעד צעד במסלול שבו אתם יכולים להתחיל לעבוד עם Static FBML. על מנת שתוכלו לקלוט זאת ויזואלית שיבצתי עבורכם צילומי מסך קטנים המסמנים לכם את הדרך : הדבר הראשון שעליכם לעשות הוא ללכת לעמוד שלכם לעריכה. זהו למעשה עולם התוכן האחורי הבונה את המתחם שלכם בFacebook. תמצאו בו את כל התכנים שהוספתם לעמוד ומתוכו תוכלו לקבוע את נקודת ניהול של עולם התוכן. סימנתי לכם בעיגול את הכניסה לעריכה.

 

 

 

 

 

 

 

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

 

 

 

במידה שזו אינה נמצאת בעמוד שלכם, תוכלו לייבא אותה דרך האפליקציות בFacebook |  על מנת שהיא אכן תפעל, חשוב מאוד (!) לשייך אותה לעמוד שלכם.

 

 

 

 

מרגע שנוצרה האפליקציה אנחנו יכולים להתחיל לפעול |  למעשה נוכל לפתוח אין ספור בוקסות חדשות לעבודה ללא מספר מוגדר שצריך לכַוֵון אליו. בכל בוקסה בנפרד אפשר לייצר עולם תוכן אחר. חשוב לדעת שהבר העליון במתחם מאפשר לנו לשנע ארבעה טאבים שונים. מבין כל הטאבים שיצרנו, הרי אותם שאינם משויכים לארבעת הטאבים ישתרשרו בחץ הימני (למי שהמתחם שלו באנגלית) ונוכל לראות שם תכנים נוספים. כמו כן, אסביר בהמשך איך אפשר לשנע טאב חדש לסרגל הצדדי של המתחם ובכך לנכס לעצמנו נדל”ן איכותי נוסף לגבי התכנים שאותם נרצה להעביר |

 

 

 

 

 

 

 

הבוקסה שנפתחת לנו – פה למעשה אנחנו כבר נוגעים בעולם התוכן |  מכאן ואילך הכול תלוי בשאלה איזו גישה יש לכם לשפת HTML. אני אציג בפניכם טיפים קטנים ופשוטים המאפשרים לכם לשנע פעילות גם מבלי לדעת לתכנת. טיפים שיאפשרו לכם להכניס Look & Feel ייחודי למתחם שלכם ללא השקעה וללא תמיכת אנשי מקצוע . כמובן, אם תרצו לקחת זאת צעד נוסף קדימה תיאלצו להיעזר באנשי מקצוע ייעודיים. ישנן שיטות נוספות שהן יותר מורכבות ועליהן משלמים מעט ומקבלים הרבה. על כך אפרט בפוסט הבא. שימו לב שבשלב הזה אתם צריכים לקבוע מה תהיה הכותרת של הTab ורק לאחר מכן נדבר על התוכן עצמו |

 

 

 

 

 

 

 

 

 

 

לכאן אתם מתבקשים למעשה |  שימו לב לכך שהתיבה הזו היא שמכילה את עולם התוכן המעוצב שלכם. על מנת שתוכלו לעצב תצטרכו לערוך היכרות מינימאלית עם שפת HTML ואין כל צורך להיבהל. בקוד המצורף בתמונה הבאה סימנתי לכם בצבע אדום את הקטעים בהם יש לטפל להשלמת המשימה. שימו לב שהלינק הראשון ניתן להחלפה והוא קובע מה יקרה כשאנשים ילחצו על התמונה ולאן היא תוביל. אתם רשאים ואף כדאי לכם להחליף את מקור הלינק בתמונה שתוביל אל הלינק, דהיינו למקום אליו תרצו לשלוח את הגולשים בעת שילחצו על התמונה. כמו כן, סימנתי לכם את מידות הגובה והרוחב של התמונה – ומספר זה ניתן לשינוי. כך תוכלו לשלוט על גודלה של התמונה. שימו לב, מאוד חשוב לשנות את התמונה באופן פרופורציונאלי על מנת שלא ייווצר עיוות

 

 

 

 

 

שיטות ליבוא קוד, ואני מדגישה כי אלו הן השיטות הפשוטות |   איך בעצם נשיג קוד ? יש לא מעט מקומות בהם תוכלו לייצר קוד למשל למשוך אותו מ Flickr + photobucket ועוד … חשוב שתעלו תמונה שאותה אתם מעוניינים לשבץ במתחם ובעיקר יש להקפיד שהתמונה תוצג בפרופורציה המתאימה לTab שימו לב שהגודל החדש לTab בFacebook יעמוד מסוף חודש זה על : 760 pixels to 520 pixels wide – גודל המקסימום. כדאי לתכנן על פי גודל זה כדי למנוע חיתוך בלתי רצוי או עיוות של התמונה. צירפתי לכם דוגמא לתמונה שעלתה בFlickr מעל התמונה נמצא כפתור המאפשר לכם שיתוף :Share This. בנקודה זו עליכם לקחת את קוד הHTML. ולאחר שמשכתם את הקוד ושיבצתם אותו בבוקסה התואמת אותה יצרתם תוכלו לשחק איתו מעט על פי ההנחיות שהסברתי לעיל, ולכך אצרף לכם עוד כמה טיפים קטנים לתוספת |

 

 

 

 

 

 

 

 

טיפול בקוד דברים בהישג ידכם |  שימו לב לכך שיש לכם את לעורך הנמצא במודל הפתקים הNotes שנועד לעזור לכם לייצר עריכות שונות. עבורי הכלי הזה היה לעזר רב ומצאתי בו הרבה פתרונות. הוא מאפשר לי להשתמש  בערך של הקוד עבור לינקים. וכן לשם העמדת חיץ בין תכנים, עיבוי אותיות, הַגדלָתָם ועוד. אם תרצו למשל לייצר אינדקס של תכנים ממקומות אחרים ולהוסיף לינקים אשר ילנקקו למקום עלו המלצתם, האופציה הזו מאפשרת לכם לבצע עריכה פשוטה בכוחות עצמכם וכן לסגנן את עולם התוכן של העמוד שלכם

שינוע הטאב לסרגל עליון או סרגל צדדי | כפי שצינתי באחד הסעיפים לעיל, ניתן להשתמש בנדל”ן שקיים עבורכם בבר העליון של המתחם ובנוסף ניתן להשתמש בבר הצדדי. אם אתם בגרסה האנגלית יופיע הבר בצד שמאל וכמובן שבעברית יופיע בצד ההפוך. השליטה שלכם על הבוקסות ועל מיקומן תתבצע דרך הBox שאליו אתם נגישים באמצעות החץ של הבר העליון. תיפָּתַח לכם חלונית כשתלחצו על עריכה ואם תלחצו על האופציה של הוספת הBox היא תמוקם לכם בבר הצדדי. חשוב מאוד במקרה זה לתכנן את הבר בצורה כזו שהתמונה תהיה מוארכת ותואמת את שטח הגרפיקה. אתם מוזמנים להיכנס למתחם שלי ולראות לשם המחשה את הבר הצדדי שלי ואת עולם התוכן שאותו הכנסתי. בבר זה אתם יכולים להכניס לינקים למקומות אחרים בהם אתם פעילים, לינקים למתחמים אחרים אשר נמצאים בבעלותכם בFacebook שעות פתיחה ועוד….

 

 

 

 

 

 

 

הגדרת האפליקציה כעמוד הנחיתה המרכזי |  קחו בחשבון שאתם יכולים להיות בשליטה על עמוד הנחיתה של המתחם, קרי, המקום הראשון אותו יפגשו קהלים חדשים שיכנסו למתחם שלכם. יש לזכור שהTab ניתן לשינוי בלחיצת כפתור פשוטה. תוכלו לשלוט על כך בהגדרות העמוד שלכם בסעיף Settings. שימו לב לעובדה שתפתח לכם גלגלת אופציות עם הטאבים השונים וההגדרה שתבחרו בה כאן תקבע מה יהיה דף הנחיתה, וה"ברוכים הבאים" של המתחם שלכם. לְמותר לציין שאתם יכולים לשחק עם עולם התוכן והאופן שבו יפגוש קליינטורה חדשה, להבליט מיזמים חדשים שלכם, תוכן שעליו אתם רוצים לשים דגש מיוחד, מבצע חדש שאתם מובילים בFacebook ועוד…

 

 

 

 

 

רעיונות לשימוש בשיטה זו |  באופן טבעי אתם יכולים לייצר דף ממותג של העסק שלכם אשר מזמין אנשים להיכנס לעמוד " ברוכים הבאים". אתם יכולים לנצל את הבמה הזו ולשלב בו עמוד טסטמוניאלס אשר מספר על העסק שלכם מטעם לקוחות העבר. זה יכול לשמש לכם כ Tab שבו תודיעו על מבצע חדש. אתם יכולים לספר במסגרת  הTab הייעודי אודות עובדי החברה ולהכיר לקהל את האנשים אשר מְתַפְעלים את המתחם ואת עולם התוכן שלו ועוד  כָּהֵנָה וכָהֵנָה … קחו בחשבון שצעד זה פותח בפניכם בFacebook את האפשרות להחזיק מעין מיני אתר רב תכליתי עם נדבכי מסרים מגוּוָנים. גם אותם עצמם ניתן לשנות על בסיס קבוע ו"לשחק" איתם כראות עיניכם |

בפוסט הבא שייכָּלֵל במסגרת הטיפים בFacebook אשטח בפניכם רשימה ארוכה שאספתי לתועלתכם ברחבי הרשת, שתציג "בנק אפליקציות" לקניה ברשת ממקורות שונים…

הוספתי לכם סרטון נהדר של טל נברו, מי שיותר מתחבר לתוכן ווידאו הדרכתי חייב ללכת לכאן !

      

About author View all posts

urianzohar

אני- זהר אוריין, יועצת בתחום של חדשנות באמצעות דיגיטל וטכנולוגיות
השירותים שלי : ייעוץ אסטרטגי לחברות ומותגים גדולים
בניית אסטרטגיה של חדשנות דיגיטלית
יצירת קונספטים למוצרים ולשירותים דיגיטליים
חקר הטרנדים המובילים ושימוש במקרי בוחן מרחבי העולם

2 CommentsLeave a comment

כתיבת תגובה

Your email address will not be published. Required fields are marked *

Follow

Follow this blog

Get every new post delivered right to your inbox.

Email address