Działa na telefonie?

Tak. Ramka dopasowuje się do szerokości kolumny, w której stoi, od około 150 px, więc na telefonie zwęża się razem z resztą strony. Dźwięk włącza się dopiero po dotknięciu przycisku w ramce, przeglądarki mobilne nie pozwalają na nic wcześniej.

Muszę dodawać jakiś skrypt?

Nie. Cały fragment to jeden iframe i jeden link pod nim, żadnego skryptu. Działa nawet tam, gdzie CMS wycina skrypty z treści.

Dlaczego pod ramką jest link?

Bo znak wodny w ramce nie liczy się jako link w oczach wyszukiwarki, iframe nie przekazuje wartości SEO. Widoczny link pod ramką to jedyny sposób, żeby ten widget realnie odsyłał do naszej strony, a nie tylko wyglądał, jakby odsyłał.

Jak zdjąć znak wodny?

Na koncie Pro. Bez konta i na koncie Free znak wodny zostaje zawsze, bo to on utrzymuje markę widoczną nawet wtedy, gdy ktoś wytnie link.

Mogę zmienić kolory?

Ramka ma jasny i ciemny motyw, dobierany automatycznie do ustawień systemowych odwiedzającego (`theme=auto`), albo ustawiony na sztywno w adresie. Własnej palety kolorów nie ma.

Ramka nie zapisuje żadnych danych osobowych, nie ustawia cookies, nie czyta `localStorage`. Zapisujemy tylko, że ktoś uruchomił widget na danej domenie, bez adresu IP w jawnej postaci, żeby wiedzieć, które strony faktycznie z niego korzystają.

Metronom do osadzenia

Darmowy metronom gotowy do wklejenia na dowolną stronę. To ramka (iframe): nic do instalowania, żadnego konta. Pod ramką stoi mały link do eMusic.Tools i to jedyne, o co ten widget prosi w zamian.

1.Skopiuj fragment poniżej.
2.Wklej go na swoją stronę (zobacz instrukcję dla swojej platformy).
3.Opublikuj. Metronom i link pojawią się razem.

<!-- eMusic Tools · metronome -->
<iframe src="https://emusic.tools/embed/metronome?v=1&lang=pl&theme=auto&size=m" title="Darmowy metronom online" width="100%" height="220" style="max-width:640px;border:0;border-radius:12px" loading="lazy" allow="autoplay"></iframe>
<p style="margin:6px 0 0;font:12px/1.4 system-ui,sans-serif">
  <a href="https://emusic.tools/pl/tools/metronome?utm_source=embed&utm_medium=widget&utm_campaign=metronome">Darmowy metronom online</a> by <a href="https://emusic.tools/?utm_source=embed&utm_medium=widget">eMusic Tools</a>
</p>

Więcej widgetów

Podgląd szerszego zestawu kart. Na razie gotowy fragment do wklejenia ma tylko metronom powyżej, tutaj widać, co będzie dalej.

StroikOtwórz: Stroik

Jak dodać

WordPress: dodaj blok „Własny HTML” w miejscu, gdzie ma stanąć metronom, wklej fragment i podejrzyj stronę. Blok przyjmuje iframe i link pod nim bez zmian.
Squarespace: przeciągnij blok kodu, przełącz go na HTML i wklej fragment. Squarespace uruchamia ramkę we własnej piaskownicy, więc wygląda dokładnie tak, jak tutaj.
Wix: z panelu „Dodaj” wybierz element „Osadź kod” (HTML iframe), wklej fragment jako „Kod osadzony”. Wix prosi o stałą wysokość, dla domyślnego rozmiaru wpisz 220 px.
Ghost: dodaj kartę HTML do wpisu albo strony i wklej fragment, zadziała od razu po publikacji.
Blogger: przełącz edytor wpisu na widok HTML (ikona podglądu kodu), wklej fragment w wybranym miejscu i wróć do widoku „Pisz”, żeby dokończyć tekst.
Notion i Google Sites: obie przyjmują ramkę po adresie, nie po wklejonym HTML-u. Użyj samego adresu ramki (to, co jest w `src` iframe'a) i pomiń link pod spodem, bo żaden z tych edytorów nie pozwala postawić zwykłego HTML-a obok osadzenia. Znak wodny zostaje wtedy widoczny, to on pokazuje czytelnikowi, skąd wziął się widget, gdy nie ma linku do kliknięcia.
Zwykły HTML: wklej fragment bez zmian, wewnątrz znacznika body strony.

Warunki

Możesz wkleić ten widget na dowolną stronę, prywatną albo komercyjną, za darmo. Na koncie Free znak wodny i link pod ramką zostają zawsze, to jest cena za darmowe narzędzie. Możemy zmienić albo wyłączyć widget, ale z 30-dniowym wyprzedzeniem: stara wersja adresu (z numerem „v=”) odpowiada dalej nawet wtedy, gdy nowsza już działa. Nie dajemy gwarancji, że ramka będzie wyglądać identycznie we wszystkich przeglądarkach ani że będzie działać bez przerwy. Coś nie działa albo wygląda źle na Twojej stronie? Napisz.

Pytania

Działa na telefonie?: Tak. Ramka dopasowuje się do szerokości kolumny, w której stoi, od około 150 px, więc na telefonie zwęża się razem z resztą strony. Dźwięk włącza się dopiero po dotknięciu przycisku w ramce, przeglądarki mobilne nie pozwalają na nic wcześniej.
Muszę dodawać jakiś skrypt?: Nie. Cały fragment to jeden iframe i jeden link pod nim, żadnego skryptu. Działa nawet tam, gdzie CMS wycina skrypty z treści.
Dlaczego pod ramką jest link?: Bo znak wodny w ramce nie liczy się jako link w oczach wyszukiwarki, iframe nie przekazuje wartości SEO. Widoczny link pod ramką to jedyny sposób, żeby ten widget realnie odsyłał do naszej strony, a nie tylko wyglądał, jakby odsyłał.
Jak zdjąć znak wodny?: Na koncie Pro. Bez konta i na koncie Free znak wodny zostaje zawsze, bo to on utrzymuje markę widoczną nawet wtedy, gdy ktoś wytnie link.
Mogę zmienić kolory?: Ramka ma jasny i ciemny motyw, dobierany automatycznie do ustawień systemowych odwiedzającego (`theme=auto`), albo ustawiony na sztywno w adresie. Własnej palety kolorów nie ma.
A RODO?: Ramka nie zapisuje żadnych danych osobowych, nie ustawia cookies, nie czyta `localStorage`. Zapisujemy tylko, że ktoś uruchomił widget na danej domenie, bez adresu IP w jawnej postaci, żeby wiedzieć, które strony faktycznie z niego korzystają.

Metronom