Koło fortuny online Koło fortuny na stronę internetową, Google Sites i OBS

Koło fortuny na stronę internetową, Google Sites i OBS

Każde koło zrobione tutaj może działać gdzie indziej: we wpisie na blogu, na stronie klasy w Google Sites, w WordPressie albo na twoim streamie. Poniżej opis krok po kroku.

Najpierw zrób koło

Na własnej stronie albo blogu

Koło trafia na inną stronę jako niewielka ramka z linkiem pod spodem. Odwiedzający kręcą nim od razu na twojej stronie, a okienko z wynikiem otwiera się w tej samej ramce. Nic się nie instaluje i nikt nie potrzebuje konta.

Kod powstaje z koła w takim stanie, w jakim jest w chwili naciśnięcia Osadź, więc najpierw wpisz pozycje, tytuł i wybierz kolory. Jeśli później zmienisz listę, skopiuj kod jeszcze raz i podmień stary.

  1. Otwórz koło na komputerze i wpisz pozycje. Przycisk Osadź jest tylko na szerszych ekranach, bo wklejanie kodu to praca przy biurku, nie na telefonie.
  2. Naciśnij Osadź, a potem Kopiuj kod.
  3. W edytorze strony dodaj blok, który przyjmuje HTML. W WordPressie to blok Własny HTML, w innych kreatorach stron szukaj bloku z kodem HTML albo opcji osadzania kodu.
  4. Wklej kod i opublikuj stronę. Koło dopasuje się do szerokości kolumny, maksymalnie do 560 pikseli.
Tak wygląda kod (w twoim po #w= będą twoje pozycje):
<div style="max-width:560px;margin:0 auto">
<iframe src="https://sortibo.com/pl/embed/wheel/#w=..." title="Koło fortuny online" loading="lazy" allow="fullscreen" style="display:block;width:100%;aspect-ratio:4/5;min-height:420px;border:0;border-radius:16px"></iframe>
<p style="margin:6px 0 0;font:14px/1.4 system-ui,sans-serif;text-align:center">Koło fortuny od <a href="https://sortibo.com/pl/kolo-fortuny/">Sortibo</a></p>
</div>

Reklama

W Google Sites

Wielu nauczycieli prowadzi stronę klasy w Google Sites. Koło dobrze się tam sprawdza, gdy trzeba wylosować, kto odpowiada, albo który temat wypada na piątkowej powtórce.

  1. Skopiuj kod z okna Osadź, tak jak wyżej.
  2. W Google Sites otwórz po prawej panel Wstaw i wybierz osadzanie (w polskiej wersji Umieść, w angielskiej Embed).
  3. Przejdź na kartę z kodem, wklej go, naciśnij Dalej, a potem Wstaw.
  4. Przeciągnij narożniki ramki, aż całe koło będzie widoczne, i opublikuj stronę.

Reklama

Jako nakładka na stream w OBS

Na transmisję na żywo jest osobny link z przezroczystym tłem. Widzowie widzą na twojej scenie tylko koło i kartę ze zwycięzcą, bez strony dookoła.

Tekst przy wyniku możesz napisać po swojemu, na przykład „{name} wybiera następną grę”, i włączyć odkładanie wylosowanych pozycji, żeby przy rozdawaniu nagród ten sam widz nie wygrał dwa razy.

  1. Na stronie koła otwórz Ustawienia, a w nich Nakładka na stream (OBS). Jeśli chcesz, wpisz tekst przy wyniku i naciśnij Kopiuj link do nakładki.
  2. W OBS dodaj źródło przyciskiem plusa, wybierz Przeglądarka (w angielskiej wersji Browser) i wklej link w pole adresu URL.
  3. Ustaw szerokość 1920 i wysokość 1080. Koło stoi po lewej, a karta z wynikiem pojawia się obok.
  4. Żeby zakręcić w trakcie transmisji, kliknij źródło prawym przyciskiem, wybierz Interakcja (Interact), a potem kliknij koło albo naciśnij spację.

Pytania o osadzanie koła

Czy wstawienie koła na stronę jest darmowe?

Tak. Nie ma konta, klucza ani limitu wyświetleń. Prosimy tylko o mały link pod kołem, który jest częścią kodu.

Czy odwiedzający zobaczą w kole reklamy?

Nie. Osadzone koło pokazuje samo koło, jego tytuł, przycisk dźwięku i mały link do nas, nic więcej. Nie zapisuje plików cookie i nie wczytuje niczego od innych firm.

Co zrobić, jeśli strona przyjmuje tylko link, a nie kod?

Niektóre edytory, na przykład Notion albo część platform szkolnych, proszą o adres zamiast HTML. Skopiuj kod i użyj tylko adresu ze środka src="...". Otworzy to samo koło.

Czy mogę zmienić pozycje, kiedy koło już jest na stronie?

Pozycje są zapisane w samym kodzie, więc zmiana u nas nie dotrze na twoją stronę. Popraw koło, naciśnij znowu Osadź i podmień stary kod na nowy.

Czy wynik jest uczciwym losowaniem?

Koło losuje w przeglądarce odwiedzającego, jej bezpiecznym generatorem liczb losowych, tak samo jak na naszej stronie. Każda pozycja ma tę samą szansę, chyba że nadasz jej wagę.

Reklama

Inne losowania