Επεκτείνετε την εμβέλειά σας ενσωματώνοντας τα widgets του SidewaysData απευθείας στην δική σας ιστοσελίδα. Προβάλετε τις εκδηλώσεις και τα ζωντανά αποτελέσματά σας εκεί όπου ήδη επισκέπτεται το κοινό σας — με μόλις μία γραμμή κώδικα.

Why Use Widgets?

• Μία γραμμή κώδικα - Απλώς επικολλήστε ένα script tag στην ιστοσελίδα σας
• Πάντα ενημερωμένο - Οι εκδηλώσεις και τα αποτελέσματα συγχρονίζονται αυτόματα από το SidewaysData
• Χωρίς συντήρηση - Εμείς αναλαμβάνουμε όλες τις ενημερώσεις και βελτιώσεις
• Επαγγελματική εμφάνιση - Καλαίσθητος, προσαρμοστικός σχεδιασμός που λειτουργεί σε οποιαδήποτε συσκευή
• Δωρεάν - Περιλαμβάνεται με το SidewaysData χωρίς επιπλέον κόστος

Available Widgets

Find Events Widget

Εμφανίστε μια λίστα των εκδηλώσεών σας με δυνατότητα φιλτραρίσματος. Οι επισκέπτες μπορούν να περιηγηθούν κατά έτος, κατάσταση εγγραφής, τύπο εκδήλωσης και άλλα. Ιδανικό για τη σελίδα εκδηλώσεων ή την αρχική σας σελίδα.

Μάθετε περισσότερα για το Widget Εύρεσης Εκδηλώσεων

Live Results Widget

Δείξτε αποτελέσματα αγώνα σε πραγματικό χρόνο κατά τη διάρκεια των εκδηλώσεών σας. Περιλαμβάνει ζωντανή συνομιλία για θεατές και αλλάζει αυτόματα μεταξύ "Ζωντανά Αποτελέσματα" και "Τελικά Αποτελέσματα" ανάλογα με το χρονοδιάγραμμα της εκδήλωσης.

Μάθετε περισσότερα για το Widget Ζωντανών Αποτελεσμάτων

Getting Started

1. Βρείτε το ID διοργανωτή ή τα ID των εκδηλώσεών σας (βλ. Getting Your IDs)
2. Επιλέξτε ποιο widget χρειάζεστε
3. Αντιγράψτε τον κώδικα ενσωμάτωσης και επικολλήστε τον στην ιστοσελίδα σας
4. Προσαρμόστε με προαιρετικές παραμέτρους διαμόρφωσης

Requirements

Τα widgets λειτουργούν σε οποιαδήποτε ιστοσελίδα που υποστηρίζει JavaScript. Αυτό περιλαμβάνει WordPress, Squarespace, Wix, ιστοσελίδες με προσαρμοσμένο HTML και τους περισσότερους δημιουργούς ιστοτόπων. Θα χρειαστείτε τη δυνατότητα να προσθέτετε προσαρμοσμένο HTML ή script tags στις σελίδες σας.

Για να διαμορφώσετε τα widgets, θα χρειαστείτε το organizer ID σας και προαιρετικά συγκεκριμένα event IDs. Να πώς να τα βρείτε.

Εύρεση του organizer ID σας

Το organizer ID σας εμφανίζεται στη διεύθυνση URL όταν βλέπετε τη σελίδα του organizer σας στο SidewaysData.

1. Μεταβείτε στο sidewaysdata.com
2. Πλοηγηθείτε στη σελίδα του organizer σας
3. Κοιτάξτε τη διεύθυνση URL — θα είναι στη μορφή: sidewaysdata.com/organizer/YOUR_ORGANIZER_ID

Για παράδειγμα, αν η διεύθυνσή σας είναι sidewaysdata.com/organizer/example-motorsports, το organizer ID σας είναι example-motorsports.

Εύρεση των event IDs

Τα event IDs εμφανίζονται στις διευθύνσεις URL των εκδηλώσεων και στον πίνακα ελέγχου του organizer σας.

Από το URL της εκδήλωσης

1. Μεταβείτε σε οποιαδήποτε από τις εκδηλώσεις σας στο SidewaysData
2. Κοιτάξτε τη διεύθυνση URL — θα περιέχει το event ID μετά το /events/

Για παράδειγμα: sidewaysdata.com/events/12345 σημαίνει ότι το event ID είναι 12345.

Από τον πίνακα ελέγχου σας

1. Συνδεθείτε στο SidewaysData
2. Μεταβείτε στη Σελίδα Εκδηλώσεων
3. Το event ID εμφανίζεται στη λίστα εκδηλώσεων ή είναι ορατό σε συνδέσμους

Χρήση των εργαλείων προγραμματιστή του προγράμματος περιήγησης

Αν δυσκολεύεστε να βρείτε τα IDs:

1. Κάντε δεξί κλικ στη σελίδα του organizer ή της εκδήλωσής σας
2. Επιλέξτε «Επιθεώρηση» ή «Επιθεώρηση στοιχείου»
3. Αναζητήστε ιδιότητες δεδομένων (data attributes) ή διευθύνσεις URL που περιέχουν το ID

Χρειάζεστε βοήθεια?

Εάν δεν μπορείτε να εντοπίσετε τα IDs σας, επικοινωνήστε με την Υποστήριξη SidewaysData και θα σας βοηθήσουμε να τα βρείτε.

Το widget Εύρεσης Εκδηλώσεων εμφανίζει μια λίστα εκδηλώσεων με δυνατότητα φιλτραρίσματος στην ιστοσελίδα σας. Οι επισκέπτες μπορούν να περιηγηθούν σε επερχόμενες εκδηλώσεις, να φιλτράρουν κατά διάφορα κριτήρια και να κάνουν κλικ για να εγγραφούν ή να δουν λεπτομέρειες στο SidewaysData.

Τι Εμφανίζει

• Κάρτες εκδηλώσεων με όνομα, ημερομηνία, τοποθεσία και κατάσταση εγγραφής
• Πτυσσόμενα μενού φίλτρων για έτος, τύπο εκδήλωσης, κατάσταση εγγραφής και ευκαιρίες εθελοντισμού
• Άμεσοι σύνδεσμοι σε σελίδες εκδηλώσεων στο SidewaysData
• Ανταποκρινόμενη διάταξη που προσαρμόζεται σε κάθε μέγεθος οθόνης

Βασικός Κώδικας Ενσωμάτωσης

Προσθέστε αυτό το στοιχείο script στην ιστοσελίδα σας όπου θέλετε να εμφανιστούν οι εκδηλώσεις:

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

Αντικαταστήστε your-organizer-id με το πραγματικό αναγνωριστικό διοργανωτή σας (βλέπε Λήψη των Αναγνωριστικών σας).

Προεπιλεγμένη Συμπεριφορά

Χωρίς επιπλέον ρυθμίσεις, το widget θα:

• Εμφανίζει όλες τις εκδηλώσεις από τον ή τους καθορισμένους διοργανωτές
• Εμφανίζει πτυσσόμενα μενού φίλτρων για έτος, τύπο εκδήλωσης, κατάσταση εγγραφής και εθελοντές
• Ταξινομεί τις εκδηλώσεις κατά ημερομηνία (παλαιότερα πρώτα)
• Συμπεριλαμβάνει εκδηλώσεις με οποιαδήποτε κατάσταση εγγραφής

Πώς Λειτουργεί

Το widget δημιουργεί ένα ανταποκρινόμενο iframe που φορτώνει περιεχόμενο από το SidewaysData. Το iframe προσαρμόζει αυτόματα το ύψος του ώστε να ταιριάζει με το περιεχόμενο, επομένως δεν υπάρχει κύλιση μέσα στο ίδιο το widget. Οι εκδηλώσεις παραμένουν συγχρονισμένες με τον λογαριασμό σας στο SidewaysData — οποιεσδήποτε αλλαγές κάνετε αντικατοπτρίζονται αυτόματα.

Επόμενα Βήματα

• Διαμορφώστε το widget με προαιρετικά attributes
• Δείτε συνήθη παραδείγματα για διαφορετικές περιπτώσεις χρήσης

Customize the Find Events widget using data attributes on the script tag. All attributes are optional except for specifying which events to show.

Specifying Events

You must include at least one of these attributes to specify which events to display:

data-organizer-ids

Show all events from specific organizers. Use comma-separated values for multiple organizers.

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

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>

data-event-ids

Show only specific events by their IDs. Use comma-separated values for multiple events.

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

Filtering Options

data-event-status

Filter events by registration status. Values: open, closed, or any.

data-event-status="open"

data-default-reg-status

Set the default value for the registration status dropdown. This pre-selects a filter option but still allows visitors to change it.

data-default-reg-status="open"

data-limit-organizer-event-types

When set to true, only show event types that the organizer actually uses, rather than all available event types in the dropdown.

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

data-hide-volunteers-dropdown

When set to true, hide the volunteer opportunities filter dropdown.

data-hide-volunteers-dropdown="true"

Display Options

data-is-results-mode

When set to true, show events that have results available instead of upcoming events. Useful for a "Past Results" page.

data-is-results-mode="true"

data-newest-first

When set to true, sort events with newest first instead of the default oldest-first ordering.

data-newest-first="true"

Advanced Options

data-origin

Use a custom domain instead of the default sidewaysdata.com. Only needed if you have a custom domain configured with SidewaysData.

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

Complete Example

Here's an example using multiple configuration options:

<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>

This displays open-registration events from "example-motorsports", shows only relevant event types in the filter, hides the volunteer dropdown, and sorts newest events first.

Common configurations for the Find Events widget to match different use cases.

Εμφάνιση όλων των εκδηλώσεών σας

Εμφάνιση όλων των εκδηλώσεων της οργάνωσής σας με όλες τις διαθέσιμες επιλογές φίλτρων:

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

Εμφάνιση μόνο εκδηλώσεων με ανοιχτή εγγραφή

Εμφανίστε εκδηλώσεις που αυτή τη στιγμή δέχονται εγγραφές:

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

Εμφάνιση εκδηλώσεων με αποτελέσματα

Δημιουργήστε μια σελίδα "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>

Εμφάνιση συγκεκριμένων εκδηλώσεων

Εμφανίστε μόνο συγκεκριμένες εκδηλώσεις, όπως μια σειρά πρωταθλήματος:

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

Εμφάνιση εκδηλώσεων από πολλούς διοργανωτές

Εμφανίστε εκδηλώσεις από διάφορους οργανισμούς σε μια περιφερειακή σελίδα ή σελίδα σειράς:

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

Απλοποιημένη προβολή (Ελάχιστα φίλτρα)

Εμφανίστε εκδηλώσεις με πιο καθαρή διεπαφή κρύβοντας τα λιγότερο χρησιμοποιούμενα φίλτρα:

<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>

Widget αρχικής σελίδας (Ανοιχτές εκδηλώσεις, νεότερα πρώτα)

Μια κοινή ρύθμιση για την αρχική σελίδα του ιστότοπού σας:

<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>

Προεπιλογή στο φίλτρο Ανοιχτής Εγγραφής

Εμφάνιση όλων των εκδηλώσεων αλλά με το φίλτρο εγγραφών προεπιλεγμένο σε "ανοιχτό":

<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>

Αυτό διαφέρει από data-event-status="open" επειδή οι επισκέπτες μπορούν ακόμα να αλλάξουν το φίλτρο για να δουν κλειστές εκδηλώσεις.

Το widget Ζωντανών Αποτελεσμάτων εμφανίζει αποτελέσματα αγώνων σε πραγματικό χρόνο στον ιστότοπό σας. Οι θεατές μπορούν να παρακολουθούν κατά τη διάρκεια των εκδηλώσεων και να βλέπουν τα τελικά αποτελέσματα μετά — όλα χωρίς να φύγουν από την ιστοσελίδα σας.

Τι Εμφανίζει

• Αποτελέσματα χρονομέτρησης σε πραγματικό χρόνο κατά τη διάρκεια ζωντανών εκδηλώσεων
• Δείκτης "Ζωντανά Αποτελέσματα" ή "Τελικά Αποτελέσματα" ανάλογα με το χρόνο της εκδήλωσης
• Ενσωματωμένη ζωντανή συνομιλία με τεχνολογία FastComments για αλληλεπίδραση των θεατών
• Αυτόματες ενημερώσεις καθώς καταγράφονται νέοι χρόνοι

Βασικός Κώδικας Ενσωμάτωσης

Προσθέστε αυτό το tag script στην ιστοσελίδα σας στο σημείο όπου θέλετε να εμφανίζονται τα αποτελέσματα:

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

Αντικαταστήστε your-organizer-id με το πραγματικό σας ID διοργανωτή (βλ. Λήψη των ID σας).

Σημείωση: Το widget Ζωντανών Αποτελεσμάτων απαιτεί το χαρακτηριστικό data-organizer-id. Το widget δεν θα φορτώσει χωρίς αυτό.

Πώς Λειτουργεί

Το widget δημιουργεί ένα ανταποκρινόμενο iframe που συνδέεται με το σύστημα ζωντανής χρονομέτρησης της SidewaysData. Κατά τη διάρκεια ενός ενεργού γεγονότος:

• Τα αποτελέσματα ενημερώνονται σε πραγματικό χρόνο καθώς καταγράφονται οι χρόνοι
• Το widget εμφανίζει "Ζωντανά Αποτελέσματα" για να υποδείξει ότι η χρονομέτρηση βρίσκεται σε εξέλιξη
• Η ζωντανή συνομιλία επιτρέπει στους θεατές να συζητούν για την εκδήλωση

Μετά το τέλος της εκδήλωσης:

• Τα αποτελέσματα παραμένουν διαθέσιμα για προβολή
• Το widget αλλάζει σε ένδειξη "Τελικά Αποτελέσματα"
• Το ιστορικό συνομιλίας διατηρείται

Περιπτώσεις Χρήσης

• Ημέρα εκδήλωσης - Ενσωματώστε στην αρχική σας σελίδα ώστε οι θεατές να μπορούν να παρακολουθούν ζωντανά
• Αφιερωμένη σελίδα αποτελεσμάτων - Δημιουργήστε μια μόνιμη σελίδα αποτελεσμάτων στον ιστότοπό σας
• Σελίδα προορισμού για κοινωνικά δίκτυα - Κοινοποιήστε έναν σύνδεσμο προς τη σελίδα αποτελεσμάτων σας κατά τη διάρκεια των εκδηλώσεων

Επόμενα Βήματα

• Διαμορφώστε το widget με προαιρετικά χαρακτηριστικά

Το widget Live Results έχει ελάχιστες ρυθμίσεις—απαιτείται μόνο το ID του οργανωτή σας.

Απαιτούμενη ιδιότητα

data-organizer-id

Το ID οργανωτή σας στο SidewaysData. Αυτό απαιτείται για να λειτουργεί το widget.

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

Δείτε Πώς να βρείτε τα ID σας για βοήθεια στο να βρείτε το ID οργανωτή σας.

Προαιρετική ιδιότητα

data-origin

Χρησιμοποιήστε ένα προσαρμοσμένο domain αντί για το προεπιλεγμένο sidewaysdata.com. Απαιτείται μόνο εάν έχετε ρυθμίσει ένα προσαρμοσμένο domain με το 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>

Πλήρες παράδειγμα

Τυπική ενσωμάτωση του Live Results:

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

Διαχείριση σφαλμάτων

Εάν λείπει η ιδιότητα data-organizer-id, το widget θα καταγράψει σφάλμα στην κονσόλα του προγράμματος περιήγησης και δεν θα εμφανιστεί. Βεβαιωθείτε ότι έχετε συμπεριλάβει αυτήν την απαιτούμενη ιδιότητα.

Συμβουλές τοποθέτησης

• Τοποθετήστε το widget σε έναν περιέκτη με επαρκές πλάτος (τουλάχιστον 320px συνιστάται)
• Το widget προσαρμόζει αυτόματα το ύψος του ώστε να ταιριάζει στο περιεχόμενο
• Σκεφτείτε να το τοποθετήσετε πάνω από το fold τις ημέρες των εκδηλώσεων για μέγιστη ορατότητα
• Λειτουργεί καλά ως το κύριο περιεχόμενο μιας αφιερωμένης σελίδας "Live Results"

Τα widgets του SidewaysData ενσωματώνονται ως iframes, κάτι που περιορίζει την άμεση στυλιζάρισή τους με CSS. Ωστόσο, μπορείτε να ελέγξετε πώς τα widgets προσαρμόζονται στη διάταξη της σελίδας σας.

Στυλ κοντέινερ

Τυλίξτε το widget σε ένα στοιχείο κοντέινερ για να ελέγξετε τη θέση του και το μέγιστο πλάτος:

<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>

Έλεγχος πλάτους

Τα widgets επεκτείνονται αυτόματα στο 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>

Συμπεριφορά ύψους

Το ύψος του widget προσαρμόζεται αυτόματα βάσει του περιεχομένου. Το iframe χρησιμοποιεί postMessage για να επικοινωνήσει το απαιτούμενο ύψος στη σελίδα σας, εξαλείφοντας τις γραμμές κύλισης μέσα στο widget.

Ανταποκρινόμενος Σχεδιασμός

Τα widgets έχουν σχεδιαστεί να είναι ανταποκρινόμενα και να λειτουργούν καλά σε κινητές συσκευές. Προσαρμόζονται αυτόματα σε πιο στενές οθόνες. Για καλύτερα αποτελέσματα:

• Χρησιμοποιήστε πλάτος κοντέινερ σε ποσοστά ή ευέλικτο πλάτος
• Αποφύγετε τον καθορισμό σταθερών πλάτων σε pixels που μπορεί να προκαλέσουν οριζόντια κύλιση σε κινητά
• Δοκιμάστε σε διάφορα μεγέθη οθόνης

Συμβατότητα φόντου

Τα widgets έχουν ανοιχτό φόντο και έχουν σχεδιαστεί να λειτουργούν καλά σε σελίδες με ανοιχτόχρωμο φόντο. Αν ο ιστότοπός σας έχει σκούρο φόντο, σκεφθείτε να τοποθετήσετε το widget σε ένα κοντέινερ με ανοιχτόχρωμο φόντο:

<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

Επειδή τα widgets χρησιμοποιούν iframes, δεν μπορείτε να στυλιζάρετε άμεσα το περιεχόμενο μέσα σε αυτά (όπως γραμματοσειρές, χρώματα ή στυλ κουμπιών). Το περιεχόμενο του widget χρησιμοποιεί τα πρότυπα στυλ της SidewaysData για να εξασφαλίσει μια συνεπή, επαγγελματική εμφάνιση.

Αν έχετε συγκεκριμένες απαιτήσεις εταιρικής ταυτότητας, επικοινωνήστε με την υποστήριξη της SidewaysData για να συζητήσετε επιλογές.

Προσθήκη περιθωρίων και διαστημάτων

Προσθέστε διάστημα γύρω από το widget χρησιμοποιώντας τυπικό 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>

Συνηθισμένα προβλήματα και λύσεις κατά τη χρήση των widgets του SidewaysData.

Το widget δεν εμφανίζεται

Έλεγχος του URL του script

Βεβαιωθείτε ότι το src attribute του script δείχνει στο σωστό URL:

• 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

Έλεγχος απαιτούμενων attributes

• Find Events widget απαιτεί είτε data-organizer-ids είτε data-event-ids
• Live Results widget απαιτεί data-organizer-id

Έλεγχος για σφάλματα JavaScript

Ανοίξτε την κονσόλα προγραμματιστή του browser σας (συνήθως F12 ή δεξί κλικ → Inspect → Console) και ψάξτε για μηνύματα σφάλματος. Το Live Results widget καταγράφει ένα σφάλμα αν λείπει το data-organizer-id.

Επαλήθευση ότι τα IDs είναι σωστά

Επαληθεύστε ότι τα organizer και event IDs ταιριάζουν με αυτά που εμφανίζονται στο SidewaysData. Δείτε Getting Your IDs.

Εμφανίζονται λάθος εκδηλώσεις

Έλεγχος ορθογραφίας του organizer ID

Τα organizer IDs είναι case-sensitive. Βεβαιωθείτε ότι το ID ταιριάζει ακριβώς με αυτό που εμφανίζεται στο URL του SidewaysData.

Έλεγχος ρυθμίσεων φίλτρου

Αν χρησιμοποιείτε data-event-status="open" αλλά δεν βλέπετε καμία εκδήλωση, μπορεί να μην έχετε εκδηλώσεις με ανοιχτή εγγραφή. Δοκιμάστε να αφαιρέσετε αυτό το φίλτρο για να δείτε όλες τις εκδηλώσεις.

Έλεγχος του results mode

Αν έχετε το data-is-results-mode="true", το widget δείχνει εκδηλώσεις με αποτελέσματα και όχι επερχόμενες εκδηλώσεις. Αφαιρέστε αυτό το attribute για να δείτε τις επερχόμενες εκδηλώσεις.

Προβλήματα με το ύψος του widget

Το widget φαίνεται κομμένο

Το widget θα πρέπει να προσαρμόζει αυτόματα το ύψος του. Αν το περιεχόμενο φαίνεται κομμένο:

1. Ελέγξτε ότι κανένα γονικό στοιχείο δεν έχει overflow: hidden ορισμένο
2. Βεβαιωθείτε ότι δεν υπάρχει CSS που βάζει fixed height στο iframe
3. Επαληθεύστε ότι το JavaScript είναι ενεργοποιημένο στον browser σας

Υπερβολικός κενός χώρος

Αν υπάρχει πολύς κενός χώρος κάτω από το widget, η αυτόματη προσαρμογή ύψους θα πρέπει να το χειριστεί. Αν όχι, μπορεί το widget να φορτώνει αλλά να μην έχει εκδηλώσεις για εμφάνιση.

Το περιεχόμενο δεν ενημερώνεται

Οι εκδηλώσεις δεν εμφανίζουν πρόσφατες αλλαγές

Τα widgets φορτώνουν φρέσκο περιεχόμενο από το SidewaysData σε κάθε φόρτωση σελίδας. Αν οι αλλαγές δεν εμφανίζονται:

1. Κάντε hard refresh τη σελίδα (Ctrl+F5 ή Cmd+Shift+R)
2. Καθαρίστε την cache του browser σας
3. Περιμένετε λίγα λεπτά—κάποιες αλλαγές μπορεί να χρειαστούν λίγο για να διαδοθούν

Τα live results δεν ενημερώνονται

Κατά την ζωντανή χρονομέτρηση, τα αποτελέσματα θα πρέπει να ενημερώνονται αυτόματα. Αν δεν συμβαίνει:

1. Επαληθεύστε ότι η εκδήλωση χρονομετρείται ενεργά στο SidewaysData
2. Ανεβάστε ξανά τη σελίδα (refresh)
3. Ελέγξτε τη σύνδεσή σας στο διαδίκτυο

Προβλήματα με Website Builders

WordPress

Αν χρησιμοποιείτε WordPress, ίσως χρειαστεί να:

• Χρησιμοποιήσετε ένα μπλοκ ή widget "Custom HTML"
• Απενεργοποιήσετε προσωρινά οποιαδήποτε plugins που μπλοκάρουν scripts
• Ελέγξετε αν το theme σας αφαιρεί tags script από το περιεχόμενο

Squarespace

Χρησιμοποιήστε ένα "Code Block" ή στοιχείο "Embed" και επικολλήστε το tag του script απευθείας.

Wix

Χρησιμοποιήστε τη λειτουργία "HTML iframe" ή το χαρακτηριστικό "Custom Element" για να προσθέσετε το script.

Ζητήματα Cross-Origin

Τα widgets φορτώνουν περιεχόμενο από τους servers του SidewaysData. Αν βλέπετε σφάλματα cross-origin:

1. Βεβαιωθείτε ότι χρησιμοποιείτε https:// (όχι http://) για το URL του script
2. Αν χρησιμοποιείτε data-origin, επαληθεύστε ότι το domain είναι σωστά ρυθμισμένο

Ακόμα έχετε προβλήματα;

Αν έχετε δοκιμάσει αυτές τις λύσεις και το widget εξακολουθεί να μην λειτουργεί σωστά, contact SidewaysData support με:

• Το URL της σελίδας όπου ενσωματώνετε το widget
• Το πλήρες tag script που χρησιμοποιείτε
• Οποιαδήποτε μηνύματα σφάλματος από την κονσόλα του browser
• Μια περιγραφή του τι περιμένετε σε σχέση με το τι συμβαίνει