תוספי פייסבוק

מערכת OpenScholar מאפשרת להטמיע באתר תוספים (Plugins) של Facebook

תוספי פייסבוק מחליפים את יישומוני פייסבוק (Facebook widgets) שפעלו במערכת עד לתאריך 14 בספטמבר 2016 

Facebook Icon

 

תוספי Facebook במערכת OpenScholar

היתרון בשינוי שערכה חברת פייסבוק טמון בגמישות הרבה שהיא מעניקה בבניית האתר, הואיל ועתה ניתן להוסיף בצורה פשוטה וקלה מגוון תוספי פייסבוק:

  1. תוסף דף חדש (Page Plugin
  2. כפתורי גישה מהאתר לפייסבוק (Like, Share, Send, Quote)
  3. הטמעת תוכן מפייסבוק לאתר (Comments, Posts, Video)
  4. תוסף הערות (Comments Plugin)
  5. כפתור Follow (אין להשתמש בתוסף זה אלא ביישומון Follow Me של מערכת OpenScholar)

 

 

 

הטמעת תוספי Facebook

הטמעת תוספי Facebook במערכת OpenSchoar מתבצעת בשני שלבים:

  1. יצירת קוד JavaScript וקוד הטמעה באמצעות מחולל הקודים הייעודי של כל תוסף פייסבוק (הסבר אודות השימוש במחולל הקודים הייעודי של כל תוסף, יופיע בהדרכה של תוסף זה).
  2. הטמעת שני הקודים בשני יישומוני Embed Media נפרדים והעברתם למיקום הרצוי בדף (הסבר זה מופיע להלן)

 

שימו לב - אם טרם בצעתם את שלב 1, קראו את ההדרכה הרלוונטית לתוסף הפייסבוק שברצונכם להוסיף

 

הטמעת תוסף דף (Page Plugin) במערכת OpenScholar

להטמעת שני הקודים שיצרתם עליכם ליצור שני יישומוני Embed Media

ביישומון Embed Media הראשון יש להכניס קוד JavaScript (הקוד העליון)

ביישומון Embed Media השני יש להכניס קוד הטמעה (הקוד התחתון)

 

הטמעת קוד ביישומון Embed Media

הטמעת קוד ביישומון Embed Media מתבצעת באופן הבא:

היכנסו לפריסת העמוד בו אתם רוצים להוסיף תוסף דף

בפריסת עמוד לחצו על להוסיף יישומון חדש ובחרו ביישומון Embed Media הנראה כך:

Embed Media - מסך הגדרות חדש

 

כעת לחצו על כפתור בחר קובץ אשר יפתח את מסך ההוספה הנראה כך:

Embed Media - מסך ההוספה

 

בדף ההוספה לחצו על כרטיסיית Embed from the web

בכרטיסיה שנפתחה העתיקו את הקוד היכן שרשום Enter the URL or HTML here

חשוב מאוד - לא ניתן להעתיק את שני הקודים שיצרתם לתוך יישומון Embed Media אחד! עליכם ליצור יישומון Embed Media אחד לקוד JavaScript ויישומון Embed Media שני לקוד ההטמעה

 

הוספת שני יישומוני Embed Media לדף המיועד

אחרי שיצרנו את שני יישומוני Embed Media הם יתווספו לשורת היישומונים בפריסת עמוד

לצורך הדגמה יצרנו שני יישומוני Embed Media, אחד בשם Facebook - JS (לתוכו העתקנו את קוד JavaScript) והשני בשם Facebook - HTML (לתוכו העתקנו את קוד ההטמעה)

בהדגמה תיראה שורת היישומונים כך (שני יישומוני Embed Media נמצאים בצד שמאל של שורת היישומונים):

Page Plugin - Widgets Toolbar

 

כעת עליכם לגרור את שני יישומוני Embed Media שיצרתם למיקום בו אתם רוצים להציג את תוסף הפייסבוק הנבחר

בהדגמה בחרנו למקם את תוסף הפייסבוק שיצרנו באמצע הדף בצד ימין, ולכן מיקמנו את שני יישומוני Embed Media באופן הבא:

Page Plugin - Layout

 

חשוב מאוד - הטמעת תוסף פייסבוק לא תעבוד אם לא תמקמו את שני יישומוני Embed Media בדף המיועד

שימו לב - מראה תוסף פייסבוק יכול להשתנות בהתאם למיקום שבחרנו למקם את שני יישומוני Embed Media בפריסת עמוד של הדף המיועד

 

תוסף דף (Page Plugin)

מערכת OpenScholar מאפשרת להטמיע תוסף דף (Page Plugin)

תוסף דף בא להחליף את יישומון Facebook Likebox שפעל באתר עד לתאריך 14 לספטמבר 2016

תוסף דף מאפשר להטמיע כל דף פייסבוק באתר. בנוסף, דרך הדף המוטמע ניתן ללחוץ על כפתור Like ולבצע פעולות נוספות שיעבירו את המשתמש ישירות מהאתר לדף הפייסבוק המוטמע. ראה לדוגמא להלן תוסף דף של דף הפייסבוק של האוניברסיטה העברית

יצירת קוד הטמעה לתוסף דף (Page Plugin) 

כדי להטמיע תוסף דף של פייסבוק, עלינו ליצור למעשה לא קוד אחד אלא שניים: קוד JavaScript וקוד הטמעה

גשו למחולל הקודים של תוסף דף הנראה כך:

Page Plugin - Code Generator

 

בתוך תיבת Facebook Page URL הכניסו את כתובת ה-URL של עמוד הפייסבוק

לחצו על כפתור Get Code

מחולל הקודים של פייסבוק ייצור לכם שני קודים שייראו כך:

Page Plugin - JaveScript SDK

 

להטמעת שני הקודים שיצרתם עליכם ליצור שני יישומוני Embed Media אותם תוסיפו לדף בו אתם רוצים להציג את תוסף דף של פייסבוק (ראו הדרכה אודות הטמעת תוספי Facebook באמצעות יישומוני Embed Media)