הרחיבו את טווח ההגעה שלכם על-ידי הטמעת ווידג'טים של SidewaysData ישירות באתר שלכם. הציגו את האירועים והתוצאות החיות שלכם במקום שבו הקהל שלכם כבר מבקר — עם שורת קוד אחת בלבד.

למה להשתמש בווידג'טים?

• שורת קוד אחת - פשוט הדביקו תג script באתר שלכם
• מעודכן תמיד - האירועים והתוצאות מסונכרנים אוטומטית מ-SidewaysData
• ללא תחזוקה - אנחנו מטפלים בכל העדכונים והשיפורים
• מראה מקצועי - עיצוב מלוטש ו־רספונסיבי שעובד על כל מכשיר
• חינם - כלול ב-SidewaysData ללא עלות נוספת

ווידג'טים זמינים

ווידג'ט מציאת אירועים

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

למידע נוסף על הווידג'ט מציאת אירועים

ווידג'ט תוצאות חיות

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

למידע נוסף על הווידג'ט תוצאות חיות

התחלת עבודה

1. מצאו את מזהה המארגן (organizer ID) או את מזהי האירועים (event IDs) (ראו קבלת ה-IDs שלכם)
2. בחרו איזה ווידג'ט אתם צריכים
3. העתקו את קוד ההטמעה והדביקו אותו באתר שלכם
4. התאימו באמצעות מאפייני קונפיגורציה אופציונליים

דרישות

ווידג'טים עובדים על כל אתר שתומך ב-JavaScript. זה כולל WordPress, Squarespace, Wix, אתרי HTML מותאמים ורוב בוני האתרים. תצטרכו את היכולת להוסיף HTML מותאם או תגי script לדפי האתר שלכם.

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

מציאת מזהה המארגן שלכם

מזהה המארגן מופיע ב‑URL בעת צפייה בדף המארגן שלכם ב־SidewaysData.

1. עבור אל sidewaysdata.com
2. נווט לדף המארגן שלך
3. הסתכל על ה־URL — הוא יהיה בפורמט: sidewaysdata.com/organizer/YOUR_ORGANIZER_ID

למשל, אם ה־URL שלך הוא sidewaysdata.com/organizer/example-motorsports, מזהה המארגן שלך הוא example-motorsports.

מציאת מזהי אירועים

מזהי אירועים מופיעים בכתובות ה־URL של האירועים ובלוח המחוונים של המארגן שלך.

מה־URL של האירוע

1. נווט לכל אחד מהאירועים שלך ב־SidewaysData
2. הסתכל על ה־URL — הוא יכיל את מזהה האירוע אחרי /events/

למשל: sidewaysdata.com/events/12345 משמע שמזהה האירוע הוא 12345.

מלוח המחוונים שלך

1. היכנס ל־SidewaysData
2. עבור אל דף Events page
3. מזהה האירוע מוצג ברשימת האירועים או נראה בקישורים

שימוש בכלי מפתחים של הדפדפן

אם אתה מתקשה בלמצוא מזהים:

1. לחץ קליק ימני בעמוד המארגן או האירוע שלך
2. בחר "Inspect" או "Inspect Element"
3. חפש מאפייני נתונים או כתובות URL המכילות את המזהה

צריך עזרה?

אם אינך מצליח לאתר את המזהים שלך, פנה ל־SidewaysData support ונעזור לך למצוא אותם.

ווידג'ט Find Events מציג רשימה ניתנת לסינון של אירועים באתר האינטרנט שלך. מבקרים יכולים לגלוש באירועים הקרובים, לסנן לפי קריטריונים שונים וללחוץ כדי להירשם או לצפות בפרטים ב‑SidewaysData.

מה הוא מציג

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

קוד הטמעה בסיסי

הוסף את תג הסקריפט הזה לאתר שלך במקום שבו אתה רוצה שהאירועים יופיעו:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="your-organizer-id">
</script>

החלף את your-organizer-id ב‑ID המארגן האמיתי שלך (ראה קבלת ה‑IDs שלך).

התנהגות ברירת המחדל

ללא קונפיגורציה נוספת, הווידג'ט יעשה את הדברים הבאים:

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

איך זה עובד

הווידג'ט יוצר iframe רספונסיבי שמטען תוכן מ‑SidewaysData. ה‑iframe מתאים אוטומטית את הגובה שלו כדי להתאים לתוכן, כך שאין גלילה בתוך הווידג'ט עצמו. האירועים נשארים מסונכרנים עם חשבון SidewaysData שלך — כל שינוי שתבצע יוחלף אוטומטית.

השלבים הבאים

• הגדר את הווידג'ט עם מאפיינים אופציונליים
• ראה דוגמאות נפוצות לשימושים שונים

התאם אישית את הווידג'ט Find Events באמצעות תכונות data על תגית script. כל המאפיינים אופציונליים חוץ מלציין אילו אירועים להציג.

ציון אילו אירועים יוצגו

אתה חייב לכלול לפחות אחד מהמאפיינים האלה כדי לציין אילו אירועים להציג:

data-organizer-ids

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

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="example-motorsports">
</script>

מארגנים מרובים:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="org-one,org-two,org-three">
</script>

data-event-ids

הצג רק אירועים מסוימים לפי ה‑IDs שלהם. השתמש בערכים מופרדים בפסיקים עבור מספר אירועים.

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-event-ids="12345,67890">
</script>

אפשרויות סינון

data-event-status

סנן אירועים לפי מצב ההרשמה. ערכים: open, closed, או any.

data-event-status="open"

data-default-reg-status

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

data-default-reg-status="open"

data-limit-organizer-event-types

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

data-limit-organizer-event-types="true"

data-hide-volunteers-dropdown

כאשר מוגדר ל‑true, הסתר את תפריט הסינון להזדמנויות מתנדבים.

data-hide-volunteers-dropdown="true"

אפשרויות תצוגה

data-is-results-mode

כאשר מוגדר ל‑true, הצג אירועים שיש להם תוצאות זמינות במקום אירועים קרובים. שימושי לעמוד "תוצאות קודמות".

data-is-results-mode="true"

data-newest-first

כאשר מוגדר ל‑true, מיין את האירועים כאשר החדשים ביותר מופיעים קודם במקום המיון ברירת המחדל מהוותיקים לחדשים.

data-newest-first="true"

אפשרויות מתקדמות

data-origin

השתמש בדומיין מותאם במקום sidewaysdata.com ברירת המחדל. נדרש רק אם יש לך דומיין מותאם שמוגדר ב‑SidewaysData.

data-origin="https://events.yourdomain.com"

דוגמה מלאה

הנה דוגמה שמשתמשת בכמה אפשרויות תצורה:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="example-motorsports"
  data-event-status="open"
  data-limit-organizer-event-types="true"
  data-hide-volunteers-dropdown="true"
  data-newest-first="true">
</script>

זה מציג אירועים שבהם ההרשמה פתוחה מ‑"example-motorsports", מראה רק סוגי אירועים רלוונטיים בסינון, מסתיר את תפריט המתנדבים וממיין כך שהאירועים החדשים ביותר יופיעו ראשון.

תצורות נפוצות לווידג'ט Find Events כדי להתאים למצבי שימוש שונים.

Show All Your Events

הצג את כל האירועים של הארגון שלך עם כל אפשרויות הסינון הזמינות:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="your-organizer-id">
</script>

Show Only Open Registration

הצג רק אירועים שמקבלים הרשמות כעת:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="your-organizer-id"
  data-event-status="open">
</script>

Show Events with Results

צור דף "Past Results" המציג אירועים שיש להם תוצאות תזמון:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="your-organizer-id"
  data-is-results-mode="true"
  data-newest-first="true">
</script>

Show Specific Events

הצג רק אירועים מסוימים, כגון סדרת אליפויות:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-event-ids="12345,12346,12347,12348">
</script>

Show Events from Multiple Organizers

הצג אירועים ממספר מארגנים בעמוד אזורי או של סדרה:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="org-one,org-two,org-three">
</script>

Simplified View (Minimal Filters)

הצג אירועים בממשק נקי יותר על ידי הסתרת סינונים שפחות בשימוש:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="your-organizer-id"
  data-limit-organizer-event-types="true"
  data-hide-volunteers-dropdown="true">
</script>

Homepage Widget (Open Events, Newest First)

תצורה נפוצה לדף הבית של האתר שלך:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="your-organizer-id"
  data-event-status="open"
  data-newest-first="true"
  data-limit-organizer-event-types="true"
  data-hide-volunteers-dropdown="true">
</script>

Default to Open Registration Filter

הצג את כל האירועים אך קבע כברירת מחדל שסינון ההרשמה יהיה "open":

<script
  src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
  data-organizer-ids="your-organizer-id"
  data-default-reg-status="open">
</script>

This differs from data-event-status="open" because visitors can still change the filter to see closed events.

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

מה הוא מציג

• תוצאות מדידה בזמן אמת במהלך אירועים חיים
• מציין 'תוצאות חיות' או 'תוצאות סופיות' בהתאם למועד האירוע
• צ'אט חי מובנה המופעל על ידי FastComments לאינטראקציה עם הצופים
• עדכונים אוטומטיים כאשר זמנים חדשים נרשמים

קוד הטמעה בסיסי

הוסף תגית סקריפט זו לאתר שלך במקום שבו אתה רוצה שהתוצאות יופיעו:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-live-results-embed.js"
  data-organizer-id="your-organizer-id">
</script>

Replace your-organizer-id with your actual organizer ID (see קבלת ה‑IDs שלך).

הערה: ווידג'ט 'תוצאות חיות' דורש את המאפיין data-organizer-id. הווידג'ט לא ייטען בלעדיו.

איך זה עובד

הווידג'ט יוצר iframe רספונסיבי שמתחבר למערכת התזמון החי של SidewaysData. במהלך אירוע פעיל:

• התוצאות מתעדכנות בזמן אמת ככל שהזמנים נרשמים
• הווידג'ט מציג 'תוצאות חיות' כדי לציין שהתזמון מתבצע
• הצ'אט החי מאפשר לצופים לדון באירוע

לאחר סיום האירוע:

• התוצאות נשארות זמינות לצפייה
• הווידג'ט עובר לתצוגת 'תוצאות סופיות'
• היסטוריית הצ'אט נשמרת

מקרי שימוש

• יום האירוע - הטמע בעמוד הבית שלך כדי שהצופים יוכלו לעקוב בשידור חי
• עמוד תוצאות ייעודי - צור עמוד תוצאות קבוע באתר שלך
• דף נחיתה במדיה חברתית - שתף קישור לעמוד התוצאות שלך במהלך האירועים

הצעדים הבאים

• הגדר את הווידג'ט עם מאפיינים אופציונליים

ווידג'ט התוצאות החיות דורש הגדרות מינימליות—רק מזהה המארגן שלך נדרש.

Required Attribute

data-organizer-id

מזהה המארגן שלך ב-SidewaysData. נדרש כדי שהווידג'ט יתפקד.

<script
  src="https://sidewaysdata.com/static/js/sideways-data-live-results-embed.js"
  data-organizer-id="example-motorsports">
</script>

ראה קבלת המזהים שלך לעזרה באיתור מזהה המארגן שלך.

Optional Attribute

data-origin

השתמש בדומיין מותאם במקום ברירת המחדל sidewaysdata.com. נדרש רק אם יש לך דומיין מותאם שמוגדר ב-SidewaysData.

<script
  src="https://sidewaysdata.com/static/js/sideways-data-live-results-embed.js"
  data-organizer-id="example-motorsports"
  data-origin="https://events.yourdomain.com">
</script>

Complete Example

הטמעה טיפוסית של התוצאות החיות:

<script
  src="https://sidewaysdata.com/static/js/sideways-data-live-results-embed.js"
  data-organizer-id="example-motorsports">
</script>

Error Handling

אם המאפיין data-organizer-id חסר, הווידג'ט ירשום שגיאה לקונסול הדפדפן ולא יוצג. ודא שציינת את המאפיין הנדרש הזה.

Placement Tips

• מקם את הווידג'ט בתוך מיכל ברוחב מתאים (מומלץ לפחות 320px)
• הווידג'ט מתאים אוטומטית את הגובה כדי להתאים לתוכן
• שקול למקמו מעל הקפל בימי האירוע כדי למקסם את הנראות
• מתאים היטב כתוכן הראשי של עמוד ייעודי ל"Live Results"

ווידג'טים של SidewaysData מוטמעים כ-iframes, מה שמגביל עיצוב CSS ישיר. עם זאת, ניתן לשלוט כיצד הווידג'טים משתלבים במבנה הדף שלך.

עיצוב המיכל

עטוף את הווידג'ט בתוך אלמנט מיכל כדי לשלוט במיקומו וברוחב המקסימלי שלו:

<div style="max-width: 1200px; margin: 0 auto;">
  <script
    src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
    data-organizer-ids="your-organizer-id">
  </script>
</div>

שליטה על רוחב

הווידג'טים מתרחבים אוטומטית ל-100% מרוחב המיכל שלהם. שלוט ברוחב על ידי עיצוב אלמנט האב:

<div style="width: 100%; max-width: 800px;">
  <script
    src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
    data-organizer-ids="your-organizer-id">
  </script>
</div>

התנהגות הגובה

גובה הווידג'ט מתכוונן אוטומטית בהתאם לתוכן. ה-iframe משתמש ב-postMessage כדי לתקשר את הגובה הנדרש לעמוד שלך, מה שמבטל פסי גלילה בתוך הווידג'ט.

עיצוב רספונסיבי

הווידג'טים מיועדים להיות רספונסיביים ולעבוד היטב על מכשירים ניידים. הם מתאימים אוטומטית למסכים צרכים. להשגת התוצאות הטובות ביותר:

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

תאימות רקע

לוווידג'טים יש רקע בהיר והם מעוצבים לעבוד היטב בעמודים בצבעים בהירים. אם לאתר שלך יש רקע כהה, שקול לשים את הווידג'ט בתוך מיכל בצבע בהיר:

<div style="background: #ffffff; padding: 20px; border-radius: 8px;">
  <script
    src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
    data-organizer-ids="your-organizer-id">
  </script>
</div>

מגבלות עיצוב של ה-iframe

מכיוון שהווידג'טים משתמשים ב-iframes, אינך יכול לעצב ישירות את התוכן שבתוכם (כגון פונטים, צבעים או סגנונות כפתורים). תוכן הווידג'ט משתמש בעיצוב הסטנדרטי של SidewaysData כדי להבטיח מראה עקבי ומקצועי.

אם יש לך דרישות מיתוג ספציפיות, צור קשר עם התמיכה של SidewaysData כדי לדון באפשרויות.

הוספת מרווחים וריווח

הוסף ריווח סביב הווידג'ט באמצעות CSS סטנדרטי על המיכל:

<div style="margin: 40px 0;">
  <script
    src="https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js"
    data-organizer-ids="your-organizer-id">
  </script>
</div>

בעיות נפוצות ופתרונות בשימוש בווידג'טים של SidewaysData.

הווידג'ט לא מופיע

בדקו את כתובת הסקריפט

וודאו שהתכונה src של הסקריפט מצביעה על הכתובת הנכונה:

• Find Events: https://sidewaysdata.com/static/js/sideways-data-find-events-embed.js
• Live Results: https://sidewaysdata.com/static/js/sideways-data-live-results-embed.js

בדקו את התכונות הנדרשות

• Find Events widget דורש או data-organizer-ids או data-event-ids
• Live Results widget דורש data-organizer-id

בדקו שגיאות JavaScript

פתחו את קונסול המפתחים בדפדפן (בדרך כלל F12 או לחיצה ימנית → Inspect → Console) וחפשו הודעות שגיאה. ווידג'ט Live Results ירשום שגיאה אם data-organizer-id חסר.

וודאו שהמזהים שלכם נכונים

בדקו שהמזהים של המארגן והאירוע תואמים בדיוק למה שמופיע ב-SidewaysData. ראו קבלת המזהים שלכם.

אירועים שגויים מוצגים

בדקו את איות מזהה המארגן

מזהי המארגן רגישים לאותיות גדולות/קטנות. ודאו שהמזהה תואם בדיוק למה שמופיע בכתובת ה-URL של SidewaysData.

בדקו את הגדרות הסינון

אם אתם משתמשים ב- data-event-status="open" אך לא רואים אירועים, ייתכן שאין לכם אירועים עם הרשמה פתוחה. נסו להסיר את הסינון הזה כדי לראות את כל האירועים.

בדקו את מצב התוצאות

אם data-is-results-mode="true" מוגדר, הווידג'ט מציג אירועים עם תוצאות, לא אירועים קרובים. הסירו את התכונה הזאת כדי לראות אירועים קרבים.

בעיות בגובה הווידג'ט

הווידג'ט נראה חתוך

הווידג'ט אמור להתאים את הגובה שלו אוטומטית. אם התוכן נראה חתוך:

1. בדקו שאין אלמנט אב עם overflow: hidden מוגדר
2. ודאו של-CSS אין הגדרת גובה קבועה על ה iframe
3. וודאו ש-JavaScript מופעל בדפדפן שלכם

מרווח ריק מופרז

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

התוכן לא מתעדכן

אירועים לא מציגים שינויים אחרונים

ווידג'טים טוענים תוכן עדכני מ-SidewaysData בכל טעינת דף. אם שינויים לא מופיעים:

1. בצעו רענון קשה של הדף (Ctrl+F5 או Cmd+Shift+R)
2. נקו את מטמון הדפדפן
3. המתינו כמה דקות — ייתכן שחלק מהשינויים לוקחים זמן להתפשט

תוצאות חיות לא מתעדכנות

במהלך תזמון חי, תוצאות אמורות להתעדכן אוטומטית. אם הן לא:

1. וודאו שהאירוע מתוזמן באופן פעיל ב-SidewaysData
2. רעננו את הדף
3. בדקו את חיבור האינטרנט שלכם

בעיות עם בוני אתרים

WordPress

אם אתם משתמשים ב-WordPress, ייתכן שתצטרכו:

• להשתמש בבלוק או ווידג'ט "Custom HTML"
• להשבית זמנית תוספים שחוסמים סקריפטים
• לבדוק אם התבנית שלכם מסירה תגיות סקריפט מתוכן

Squarespace

השתמשו ב-"Code Block" או ב-"Embed" והדביקו את תג הסקריפט ישירות.

Wix

השתמשו ב-"HTML iframe" או בפיצ'ר "Custom Element" כדי להוסיף את הסקריפט.

בעיות חוצות מקור

ווידג'טים טוענים תוכן משרתים של SidewaysData. אם אתם רואים שגיאות חוצות מקור:

1. וודאו שאתם משתמשים ב- https:// (לא http://) לכתובת הסקריפט
2. אם אתם משתמשים ב- data-origin, בדקו שהדומיין מוגדר נכון

עדיין יש בעיות?

אם ניסיתם את הפתרונות הללו והווידג'ט עדיין לא עובד כראוי, פנו ל-תמיכת SidewaysData עם:

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