Website Widgets | SidewaysData Docs

Επισκόπηση

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

Γιατί να χρησιμοποιήσετε Widgets;

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

Διαθέσιμα Widgets

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

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

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

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

Ξεκινώντας

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

Απαιτήσεις

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

Απόκτηση των ID σας

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

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

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

Μεταβείτε στο sidewaysdata.com
Πλοηγηθείτε στη σελίδα του οργανωτή σας
Δείτε τη διεύθυνση URL—θα έχει τη μορφή: sidewaysdata.com/organizer/YOUR_ORGANIZER_ID

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

Εύρεση των Event IDs

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

Από τη διεύθυνση URL της εκδήλωσης

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

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

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

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

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

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

Κάντε δεξί κλικ στη σελίδα του οργανωτή ή της εκδήλωσής σας
Επιλέξτε «Επιθεώρηση» ή «Επιθεώρηση στοιχείου»
Αναζητήστε attributes δεδομένων ή διευθύνσεις URL που περιέχουν το ID

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

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

Επισκόπηση Εύρεσης Εκδηλώσεων

Το widget Find Events εμφανίζει μια λίστα εκδηλώσεων με δυνατότητα φιλτραρίσματος στον ιστότοπό σας. Οι επισκέπτες μπορούν να περιηγηθούν σε επερχόμενες εκδηλώσεις, να φιλτράρουν με διάφορα κριτήρια και να κάνουν κλικ για να εγγραφούν ή να δουν λεπτομέρειες στο 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 με το πραγματικό σας organizer ID (δείτε Getting Your IDs).

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

Χωρίς πρόσθετη διαμόρφωση, το widget θα:

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

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

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

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

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

Επιλογές Διαμόρφωσης

Προσαρμόστε το widget Find Events χρησιμοποιώντας attributes δεδομένων στο tag script. Όλα τα attributes είναι προαιρετικά εκτός από τον προσδιορισμό των εκδηλώσεων που θα εμφανιστούν.

Specifying Events

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

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>

Filtering Options

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"

Όταν οριστεί σε true, αποκρύψτε το αναπτυσσόμενο φίλτρο για ευκαιρίες εθελοντών.

data-hide-volunteers-dropdown="true"

Display Options

data-is-results-mode

Όταν οριστεί σε true, εμφανίζονται εκδηλώσεις που έχουν διαθέσιμα αποτελέσματα αντί για τις επερχόμενες εκδηλώσεις. Χρήσιμο για μια σελίδα "Past Results".

data-is-results-mode="true"

data-newest-first

Όταν οριστεί σε true, ταξινομεί τις εκδηλώσεις με τις νεότερες πρώτες αντί για την προεπιλεγμένη ταξινόμηση με τις παλαιότερες πρώτες.

data-newest-first="true"

Advanced Options

data-origin

Χρησιμοποιήστε ένα προσαρμοσμένο domain αντί για το προεπιλεγμένο sidewaysdata.com. Απαιτείται μόνο αν έχετε ρυθμίσει ένα προσαρμοσμένο domain με το SidewaysData.

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

Complete Example

Ακολουθεί ένα παράδειγμα που χρησιμοποιεί πολλαπλές επιλογές ρύθμισης:

<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", εμφανίζει μόνο σχετικούς τύπους εκδηλώσεων στο φίλτρο, αποκρύπτει το αναπτυσσόμενο μενού εθελοντών και ταξινομεί τις νεότερες εκδηλώσεις πρώτες.

Παραδείγματα

Συνηθισμένες ρυθμίσεις για το widget Find Events ώστε να ταιριάζει σε διάφορες περιπτώσεις χρήσης.

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

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

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

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

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

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

Εμφανίστε όλες τις εκδηλώσεις αλλά ορίστε το φίλτρο εγγραφής να είναι προεπιλεγμένο στο "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>

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

Επισκόπηση Ζωντανών Αποτελεσμάτων

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

Τι εμφανίζει

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

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

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

<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 Λήψη των αναγνωριστικών σας).

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

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

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

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

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

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

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

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

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

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

Διαμόρφωση

Το widget Live Results έχει ελάχιστη ρύθμιση—απαιτείται μόνο το organizer ID σας.

Απαιτούμενο Χαρακτηριστικό

data-organizer-id

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

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

Δείτε Πώς να βρείτε τα ID σας για βοήθεια στο να βρείτε το organizer 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 θα καταγράψει ένα σφάλμα στην κονσόλα του browser και δεν θα αποδοθεί. Βεβαιωθείτε ότι έχετε συμπεριλάβει αυτό το απαιτούμενο χαρακτηριστικό.

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

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

Στυλ Widgets

SidewaysData widgets are embedded as iframes, which limits direct CSS styling. However, you can control how widgets fit into your page layout.

Στυλ περιέκτη

Τοποθετήστε το 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.

Ελέγξτε το URL του script

Βεβαιωθείτε ότι το χαρακτηριστικό src του 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

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

Επαληθεύστε ότι τα ID σας είναι σωστά

Ελέγξτε ξανά ότι τα ID του organizer και των event ταιριάζουν με όσα εμφανίζονται στο SidewaysData. Δείτε Λήψη των ID σας.

Εμφανίζονται λάθος events

Ελέγξτε την ορθογραφία του organizer ID

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

Ελέγξτε τις ρυθμίσεις φίλτρου

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

Ελέγξτε το results mode

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

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

Ελέγξτε ότι κανένα γονικό στοιχείο δεν έχει ορισμένο overflow: hidden
Βεβαιωθείτε ότι κανένα CSS δεν ορίζει σταθερό ύψος στο iframe
Επιβεβαιώστε ότι η JavaScript είναι ενεργοποιημένη στο πρόγραμμα περιήγησής σας

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

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

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

Τα events δεν εμφανίζουν πρόσφατες αλλαγές

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

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

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

Κατά τη διάρκεια του live timing, τα αποτελέσματα θα πρέπει να ενημερώνονται αυτόματα. Εάν δεν συμβαίνει:

Επαληθεύστε ότι το event χρονομετρείται ενεργά στο SidewaysData
Ανανέωσε τη σελίδα
Ελέγξτε τη σύνδεση στο διαδίκτυο

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

WordPress

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

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

Squarespace

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

Wix

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

Θέματα Cross-Origin

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

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

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

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

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

Προηγούμενος οδηγός: Notifications Επόμενος οδηγός: Awards & Stats

Γλώσσα 🇬🇷 Ελληνικά

Ξεκινώντας

Widget Εύρεσης Εκδηλώσεων

Widget Ζωντανών Αποτελεσμάτων

Προσαρμογή

Επισκόπηση

Γιατί να χρησιμοποιήσετε Widgets;

Διαθέσιμα Widgets

Widget Εύρεσης Εκδηλώσεων

Widget Ζωντανών Αποτελεσμάτων

Ξεκινώντας

Απαιτήσεις

Απόκτηση των ID σας

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

Εύρεση των Event IDs

Από τη διεύθυνση URL της εκδήλωσης

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

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

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

Επισκόπηση Εύρεσης Εκδηλώσεων

Τι Εμφανίζει

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

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

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

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

Επιλογές Διαμόρφωσης

Specifying Events

data-organizer-ids

data-event-ids

Filtering Options

data-event-status

data-default-reg-status

data-limit-organizer-event-types

data-hide-volunteers-dropdown

Display Options

data-is-results-mode

data-newest-first

Advanced Options

data-origin

Complete Example

Παραδείγματα

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

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

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

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

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

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

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

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

Επισκόπηση Ζωντανών Αποτελεσμάτων

Τι εμφανίζει

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

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

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

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

Διαμόρφωση

Απαιτούμενο Χαρακτηριστικό

data-organizer-id

Προαιρετικό Χαρακτηριστικό

data-origin

Ολοκληρωμένο Παράδειγμα

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

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

Στυλ Widgets

Στυλ περιέκτη

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

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

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

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

Περιορισμοί στο στυλ του iframe

Προσθήκη περιθωρίων και κενών

Αντιμετώπιση προβλημάτων

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

Ελέγξτε το URL του script

Ελέγξτε τα απαιτούμενα attributes

Ελέγξτε για σφάλματα JavaScript

Επαληθεύστε ότι τα ID σας είναι σωστά

Εμφανίζονται λάθος events

Ελέγξτε την ορθογραφία του organizer ID

Ελέγξτε τις ρυθμίσεις φίλτρου