הטמעת תוכן חיצוני

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

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

 

קוד הטמעה

 

קוד הטמעה (Embed Code או Embedding Code) הינו מקשה של קוד HTML של אתר אחד המוטמע לתוך דף מקור של אתר שני, ובכך מאפשר להציג אלמנטים מתוך האתר האחד בתוך האתר השני. למשל, קוד הטמעה של YouTube מאפשר להציג סרטון יוטיוב בתוך דף באתר OpenScholar. לחילופין, קוד הטמעה של Google Analytics יתקין את השירות באתר OpenScholar

כיצד מוצאים קוד הטמעה של שירותי צד שלישי?

שירותי צד שלישי כגון YouTube, Google Maps, Google Analytics וכיוצא באלו, מאפשרים הטמעה קלה ונוחה. ברם, לעתים קשה למצוא את קוד ההטמעה בשירותי צד שלישי משום שאין מיקום סטנדרטי בכל השירותים. יתרה מזאת, המיקום של קוד ההטמעה משתנה מפקידה לפקידה בשירותי צד שלישי השונים. לפיכך, לא הוסבר במדריך זה כיצד מוצאים את קוד ההטמעה בכל שירות צד שלישי

הדרך המהירה ביותר למצוא קוד הטמעה של שירותי צד שלישי היא פשוט לחפש במנוע החיפוש של Google את שם השירות באנגלית יחד עם הצירוף Embed Code. התוצאה הראשונה או השנייה יובילו אתכם להדרכה כיצד למצוא את קוד ההטמעה הרצוי

 

רשתות חברתיות

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

הטמעת תוספי Facebook

ראה הדרכת תוספי Facebook

 

יישומון  AddThis

יישומון המאפשר למבקרים באתר לשתף את התוכן של האתר ברשתות החברתיות בהן הם חברים כגון פייסבוק, טוויטר ועוד (יישומון זה אינו ניתן להפעלה נכון לעכשיו)

 

יישומון Follow Me

יישומון המאפשר את חיבורם של מבקרים באתר לחשבונות הרשת החברתית של בעל האתר, כגון פייסבוק, טוויטר ועוד. ראה הסבר אודות יישומון Follow Me

 

יישומון Twitter

יישומון המאפשר הצגת ציוצים אחרונים מחשבון טוויטר של בעל האתר. ראה הסבר אודות יישומון Twitter

 

 

כפתור Follow

שימו לב - אין להשתמש בתוסף זה

ליצירת כפתור Follow Me לעמוד Facebook כמו גם לכל מדיה חברתית אחרת הפתוחה לשימוש במערכת OpenScholar יש להשתמש ביישומון Follow Me

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

מערכת 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)

 

סרטון YouTube

מערכת OpenScholar מאפשרת להטמיע באתר סרטונים מאתר YouTube

שימו לב - יש להטמיע רק סרטוני יוטיוב שהועלו לרשת דרך ערוץ ה-Youtube של האוניברסיטה העברית

הטמעת סרטון YouTube

ראשית, יש להיכנס לדף של סרטון היוטיוב המיועד להטמעה

youtube_guide_1

כדי להגיע לקוד ההטמעה (Embed Code) של סרטון היוטיוב המבוקש יש ללחוץ על שתף (Share)לאחר הלחיצה על share יש לעבור לאפשרות הטמע (Embed

הדרכה 4

לאחר הלחיצה ייפתח החלון הבא  ויש להעתיק את קובץ ה-iframe ע"י לחיצה על copy

הדרכה 5

 

יש להיכנס חזרה לעורך הטקסט, להקיש על הוסף מדיה, לבחור אפשרות Web ולהדביק את קוד ההטמעה שהעתקנו לתוך תיבת URL or embed code of Internet media

youtube_guide

סרטון יוטיוב שהטמענו באתר ייראה כך:

 

 

 

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

 

שימו לב - ניתן להציג את הסרטון גם על ידי הדבקת קוד ההטמעה שהעתקנו ביישומון Embed Media או ביישומון Costume Text/HTML 

 

Google Calendar

מערכת OpenScholar מאפשרת להטמיע באתר יומנים של Google Calendar

גוגל קלנדר הינו שירות מקוון הכולל יומן, לוח שנה, ומנהל פגישות בפורמט נוח ויעיל

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

יתרונו הגדול של Google Calendar  הוא סינכרון ברמה יומית (בסוף כל יום הוא מעדכן את היומן),

לכן אפשר להוסיף אירועים/כנסים דרך היומן פגישות ללא צורך בהעלאת האירוע ברמה פרטנית.

תצוגת Google Calendar 

Google Calendar view

הטמעת Google Calendar בצורה מעוצבת ונוחה

סרטון הדרכה - הטמעת Google Calendar

 

Google Maps

מערכת OpenScholar מאפשרת להטמיע באתר מפות של Google Maps

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

הטמעת Google Maps

ראשית יש להיכנס לתוך Google Maps ולהגיע למפת Google הרצויה של היעד 

בתוך תפריט מפת ה-Google המבוקשת ניתן למצוא קוד הטמעה (Embed Code)

כעת יש להיכנס לעורך הטקסט, להקיש על הוסף מדיה, לבחור אפשרות Web ולהדביק את קוד ההטמעה שהעתקנו לתוך תיבת URL or embed code of Internet media

מפת ה-Google שהטמענו באתר תיראה כך (המפה מציגה את החוג לכלכלה בתוך קמפוס הר הצופים של האוניברסיטה העברית):

שימו לב - ניתן להציג את המפה גם על ידי הדבקת קוד ההטמעה שהעתקנו ביישומון Embed Media או ביישומון Costume Text/HTML 

Google Analytics

מערכת OpenScholar מאפשרת להטמיע באתר את שירות Google Analytics

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

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

הטמעת Google Analytics

ראשית יש להירשם לשירות של גוגל אנליטיקס בקישור הבא - Google Analytics

לאחר השלמת ההרשמה תקבלו קוד מזהה מעקב (Tracking ID) לחשבון ה-Google Analytics שפתחתם - תבנית מזהה המעקב הסטנדרטית הינה UA-XXXXXXXX-X

כעת היכנסות לאפשרות הגדרות בממשק הניהול והעתיקו את קוד מזהה מעקב של Google Analytics במקום המתאים

Google Analytics - Settings

לאחר שמירה, יתחיל Google Analytics לאסוף נתונים על האתר שלכם

ניתן להיכנס להגדרות של חשבון Google Analytics כדי לכוונן את ניתוח דפוסי הגלישה באתר