SidewaysDataSidewaysData
Menu Icon

Језик 🇲🇪 Српски (Црна Гора)
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇺🇸 English (US) 🇨🇦 Français (Canada) 🇫🇷 Français (France) 🇩🇪 Deutsch 🇨🇾 Ελληνικά (Κύπρος) 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇺🇦 Русский (Украина) 🇧🇦 Српски (БиХ) 🇷🇸 Srpski (Latinica) 🇲🇪 Српски (Црна Гора) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

Почетак

Преглед
Добијање ваших идентификатора

Видгет „Пронађи догађаје”

Преглед видгета „Пронађи догађаје”
Опције конфигурације
Примери

Видгет „Резултати уживо”

Преглед видгета „Резултати уживо”
Конфигурација

Прилагођавање

Стиловање видгета
Решавање проблема

Преглед Internal Link

Повећајте свој домет уграђивањем SidewaysData видгета директно на ваш сајт. Прикажите своје догађаје и резултате уживо тамо где ваша публика већ посећује — уз само једну линију кода.

Зашто користити видгете?

  • One line of code - Једноставно налепите script таг у ваш сајт
  • Always up-to-date - Догађаји и резултати се аутоматски синхронизују са SidewaysData
  • No maintenance - Ми се бринемо о свим ажурирањима и побољшањима
  • Professional appearance - Уређен, одзиван дизајн који ради на сваком уређају
  • Free - Укључено уз SidewaysData без додатних трошкова

Доступни видгети

Видгет за проналажење догађаја

Прикажите листу ваших догађаја која се може филтрирати. Посетиоци могу претраживати по години, статусу регистрације, типу догађаја и више. Савршено за страницу догађаја или почетну страницу.

Сазнајте више о видгету за проналажење догађаја

Видгет за резултате уживо

Прикажите резултате трка у реалном времену током ваших догађаја. Укључује live chat за гледаоце и аутоматски пребацује између „Резултати уживо“ и „Коначни резултати“ у зависности од времена догађаја.

Сазнајте више о видгету за резултате уживо

Како почети

  1. Пронађите свој organizer ID или event IDs (погледајте Добијање ваших IDs)
  2. Одаберите који видгет вам треба
  3. Копирајте код за уградњу и налепите га на ваш сајт
  4. Прилагодите помоћу опционих конфигурационих атрибута

Захтјеви

Видгети раде на сваком сајту који подржава JavaScript. Ово укључује WordPress, Squarespace, Wix, прилагођене HTML сајтове и већину конструкт�ора сајтова. Биће вам потребна могућност додавања прилагођеног HTML-а или script tags на ваше странице.

Добијање ваших идентификатора Internal Link

За подешавање видгета, биће вам потребан ваш ID организатора и, по потреби, ID-ови одређених догађаја. Ево како да их пронађете.

Како пронаћи ваш ID организатора

Ваш ID организатора се појављује у URL-у када гледате страницу организатора на SidewaysData.

  1. Идите на sidewaysdata.com
  2. Навигирајте до странице вашег организатора
  3. Погледајте URL — биће у формату: sidewaysdata.com/organizer/YOUR_ORGANIZER_ID

На пример, ако је ваш URL sidewaysdata.com/organizer/example-motorsports, ваш ID организатора је example-motorsports.

Како пронаћи ID-ове догађаја

ID-ови догађаја се појављују у URL-овима догађаја и на контролној табли вашег организатора.

Из URL-а догађаја

  1. Навигирајте до било ког вашег догађаја на SidewaysData
  2. Погледајте URL — садржаће ID догађаја након /events/

На пример: sidewaysdata.com/events/12345 значи да је ID догађаја 12345.

Са ваше контролне табли

  1. Пријавите се на SidewaysData
  2. Идите на вашу страницу догађаја
  3. ID догађаја је приказан у листи догађаја или видљив у линковима

Коришћење алата за програмере прегледача

Ако имате проблема са проналажењем ID-ева:

  1. Кликните десним тастером миша на страницу организатора или догађаја
  2. Изаберите "Inspect" или "Inspect Element"
  3. Потражите data атрибуте или URL-ове који садрже ID

Потребна помоћ?

Ако не можете да пронађете своје ID-еве, контактирајте подршку SidewaysData и помоћи ћемо вам да их пронађете.

Преглед видгета „Пронађи догађаје” Internal Link

The 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 вашим стварним ID-ом организатора (погледајте Добијање ваших ID-ова).

Подразумевано понашање

Без додатне конфигурације, видгет ће:

  • Приказати све догађаје од наведеног/их организатора
  • Приказати падајуће филтере за годину, тип догађаја, статус регистрације и могућности за волонтирање
  • Сортирати догађаје по датуму (најстарији први)
  • Укључити догађаје са било којим статусом регистрације

Како функционише

Видгет креира респонзивни iframe који учитава садржај са SidewaysData. Iframe аутоматски прилагођава своју висину да одговара садржају, тако да нема скроловања унутар самог видгета. Догађаји остају синхронизовани са вашим SidewaysData налогом — све измене које направите аутоматски се одражавају.

Следећи кораци

Опције конфигурације Internal Link

Prilagodite Find Events widget koristeći data atribute na script tagu. Svi atributi su opcionlni osim navođenja koji događaji treba da budu prikazani.

Morate uključiti najmanje jedan od ovih atributa da biste odredili koji događaji će biti prikazani:

data-organizer-ids

Prikažite sve događaje od određenih organizatora. Koristite vrednosti odvojene zarezom za više organizatora.

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

Više organizatora:

<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

Prikažite samo određene događaje po njihovim ID-jevima. Koristite vrednosti odvojene zarezom za više događaja.

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

Opcije filtriranja

data-event-status

Filtrirajte događaje po statusu registracije. Vrednosti: open, closed, ili any.

data-event-status="open"

data-default-reg-status

Podesite podrazumevanu vrednost padajućeg menija statusa registracije. Ovo unapred bira opciju filtera, ali posetioci i dalje mogu da je promene.

data-default-reg-status="open"

data-limit-organizer-event-types

Kada je postavljeno na true, prikazujte samo tipove događaja koje organizator zaista koristi, umesto svih dostupnih tipova u padajućem meniju.

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

data-hide-volunteers-dropdown

Kada je postavljeno na true, sakrijte padajući meni za filter volonterskih prilika.

data-hide-volunteers-dropdown="true"

Opcije prikaza

data-is-results-mode

Kada je postavljeno na true, prikažite događaje koji imaju dostupne rezultate umesto predstojećih događaja. Korisno za stranicu "Prošli rezultati".

data-is-results-mode="true"

data-newest-first

Kada je postavljeno na true, sortirajte događaje tako da su najnoviji prvi umesto podrazumevanog sortiranja od najstarijih.

data-newest-first="true"

Napredne opcije

data-origin

Koristite prilagođeni domen umesto podrazumevanog sidewaysdata.com. Potrebno samo ako imate prilagođeni domen konfigurisan sa SidewaysData.

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

Kompletan primer

Evo primera koji koristi više konfiguracionih opcija:

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

Ovo prikazuje događaje sa otvorenom registracijom iz "example-motorsports", prikazuje samo relevantne tipove događaja u filteru, skriva padajući meni za volontere i sortira događaje tako da su najnoviji prvi.

Примери Internal Link

Уобичајене конфигурације за видгет 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>

Прикажи догађаје са резултатима

Креирајте страницу „Прошли резултати“ која приказује догађаје који имају временске резултате:

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

Подразумевано на филтер отворених пријава

Прикажи све догађаје али подеси филтер регистрације да буде подразумевано „отворено“:

<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" јер посетиоци и даље могу променити филтер да виде затворене догађаје.

Преглед видгета „Резултати уживо” Internal Link

Виџет Live Results приказује резултате трка у реалном времену на вашој веб-локацији. Гледаоци могу праћати ток дешавања током такмичења и након тога видети коначне резултате — и све то без напуштања ваше странице.

Шта приказује

  • Резултати у реалном времену током догађаја
  • Индикатор „Резултати уживо“ или „Коначни резултати“ у зависности од времена догађаја
  • Уграђено ћаскање уживо покретано од стране FastComments за интеракцију гледалаца
  • Аутоматска ажурирања како се бележе нова времена

Основни код за уградњу

Додајте овај таг скрипте на вашу веб-локацију где желите да се резултати појаве:

<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-јева).

Напомена: Виџет Live Results захтева атрибут data-organizer-id. Виџет се неће учитати без њега.

Како то функционише

Виџет креира одзивни iframe који се повезује са SidewaysData-овим системом за мерење времена уживо. Током активног догађаја:

  • Резултати се ажурирају у реалном времену како се бележе нова времена
  • Виџет приказује „Резултате уживо“ да означи да мерење времена траје
  • Ћаскање уживо омогућава гледаоцима да разговарају о догађају

Након завршетка догађаја:

  • Резултати остају доступни за преглед
  • Виџет прелази на индикатор „Коначни резултати“
  • Историја ћаскања се чува

Примери употребе

  • Дан такмичења - Уградите на вашу почетну страницу како би гледаоци могли пратити уживо
  • Посвећена страница са резултатима - Направите трајну страницу са резултатима на вашој веб-локацији
  • Лендинг страница за друштвене мреже - Поделите линк до странице са резултатима током догађаја

Следећи кораци

Конфигурација Internal Link

Live Results видгет има минималну конфигурацију — потребан је само ваш organizer ID.

Обавезан атрибут

data-organizer-id

Ваш SidewaysData organizer ID. Ово је обавезно да би видгет функционисао.

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

Погледајте Како добити своје ID за помоћ при проналажењу вашег organizer ID.

Опциони атрибут

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>

Комплетан пример

Типичан пример уграђивања Live Results видгета:

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

Руковање грешкама

Ако атрибут data-organizer-id недостаје, видгет ће забележити грешку у конзоли прегледача и неће се приказати. Уверите се да укључите овај обавезни атрибут.

Савети за постављање

  • Поставите видгет у контејнер са довољном ширином (препоручује се најмање 320px)
  • Видгет аутоматски прилагођава висину да одговара садржају
  • Размотрите да га поставите у горњи део странице (above the fold) на дане догађаја ради боље видљивости
  • Добро функционише као главни садржај посвећене странице "Live Results"

Стиловање видгета Internal Link

SidewaysData vidžeti su ugrađeni kao iframe-ovi, što ograničava direktno stilizovanje putem CSS-a. Međutim, možete kontrolisati kako se vidžeti uklapaju u raspored vaše stranice.

Stilizacija kontejnera

Omotajte vidžet u element kontejnera da biste kontrolisali njegovo postavljanje i maksimalnu širinu:

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

Kontrola širine

Vidžeti se automatski šire na 100% širine svog kontejnera. Kontrolišite širinu stilizovanjem roditeljskog elementa:

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

Ponašanje visine

Visina vidžeta se automatski podešava prema sadržaju. Iframe koristi postMessage da saopšti potrebnu visinu vašoj stranici, eliminišući trake za skrolovanje unutar vidžeta.

Prilagodljiv dizajn

Vidžeti su dizajnirani da budu prilagodljivi i dobro rade na mobilnim uređajima. Automatski se prilagođavaju užim ekranima. Za najbolje rezultate:

  • Koristite širine kontejnera zasnovane na procentima ili fleksibilne širine
  • Izbegavajte postavljanje fiksnih širina u pikselima koje mogu izazvati horizontalno skrolovanje na mobilnim uređajima
  • Testirajte na različitim veličinama ekrana

Kompatibilnost pozadine

Vidžeti imaju svetlu pozadinu i dizajnirani su da dobro funkcionišu na stranicama svetlih boja. Ako vaša stranica ima tamnu pozadinu, razmotrite postavljanje vidžeta u kontejner svetle boje:

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

Ograničenja stilizovanja iframe-a

Pošto vidžeti koriste iframe-ove, ne možete direktno stilizovati sadržaj unutar njih (kao što su fontovi, boje ili stilovi dugmadi). Sadržaj vidžeta koristi standardno stilizovanje SidewaysData-a kako bi obezbijedio dosljedan, profesionalan izgled.

Ako imate specifične zahtjeve za brending, kontaktirajte podršku SidewaysData-a da razgovarate o opcijama.

Dodavanje margina i razmaka

Dodajte razmake oko vidžeta koristeći standardni CSS na kontejneru:

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

Решавање проблема Internal Link

Уобичајени проблеми и решења при коришћењу SidewaysData видџета.

Видџет се не појављује

Проверите URL скрипте

Уверите се да src атрибут скрипте показује на тачан 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

Проверите потребне атрибуте

  • Find Events видџет захтева или data-organizer-ids или data-event-ids
  • Live Results видџет захтева data-organizer-id

Проверите JavaScript грешке

Отворите конзолу за програмере у претраживачу (обично F12 или десни клик → Inspect → Console) и потражите поруке о грешкама. Live Results видџет пријављује грешку ако недостаје data-organizer-id.

Потврдите да су ваши ID-ови тачни

Проверавате да ли ID-ови организатора и догађаја одговарају ономе што је приказано на SidewaysData. Погледајте Како добити своје ID-ове.

Приказују се погрешни догађаји

Проверите правопис ID-а организатора

ID-ови организатора разликују велика и мала слова. Уверите се да ID тачно одговара ономе што се појављује у SidewaysData URL-у.

Проверите подешавања филтера

Ако користите 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"
  • Привремено онемогућите додатке који блокирају скрипте
  • Проверите да ли ваша тема уклања