הטמעת תוספי Facebook במערכת OpenSchoar מתבצעת בשני שלבים:
- יצירת קוד JavaScript וקוד הטמעה באמצעות מחולל הקודים הייעודי של כל תוסף פייסבוק (הסבר אודות השימוש במחולל הקודים הייעודי של כל תוסף, יופיע בהדרכה של תוסף זה).
- הטמעת שני הקודים בשני יישומוני Embed Media נפרדים והעברתם למיקום הרצוי בדף (הסבר זה מופיע להלן)
שימו לב - אם טרם בצעתם את שלב 1, קראו את ההדרכה הרלוונטית לתוסף הפייסבוק שברצונכם להוסיף
הטמעת תוסף דף (Page Plugin) במערכת OpenScholar
להטמעת שני הקודים שיצרתם עליכם ליצור שני יישומוני Embed Media
ביישומון Embed Media הראשון יש להכניס קוד JavaScript (הקוד העליון)
ביישומון 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 נמצאים בצד שמאל של שורת היישומונים):
כעת עליכם לגרור את שני יישומוני Embed Media שיצרתם למיקום בו אתם רוצים להציג את תוסף הפייסבוק הנבחר
בהדגמה בחרנו למקם את תוסף הפייסבוק שיצרנו באמצע הדף בצד ימין, ולכן מיקמנו את שני יישומוני Embed Media באופן הבא:
חשוב מאוד - הטמעת תוסף פייסבוק לא תעבוד אם לא תמקמו את שני יישומוני Embed Media בדף המיועד
שימו לב - מראה תוסף פייסבוק יכול להשתנות בהתאם למיקום שבחרנו למקם את שני יישומוני Embed Media בפריסת עמוד של הדף המיועד