Обычный HTML
Вставьте сниппет сразу после открытия шапки или прямо перед подвалом, вне узких колонок, чтобы лента шла на всю ширину. Она резервирует фиксированную высоту 72 пикселя, поэтому вёрстка ниже не прыгает при загрузке.
Бесплатная бегущая строка котировок для сайта
Бегущая строка - виджет в одну строку с живыми ценами для шапки или подвала сайта. В каждом элементе - тикер, последняя цена и изменение за день зелёным или красным, а лента движется, не занимая по высоте больше одной строки. Подходит новостным порталам, трейдерским блогам и сайтам брокеров, которым нужен рыночный фон на каждой странице.
Фон страницы
Код для вставки
Вставьте в разметку там, где должен появиться виджет.
О виджете бегущей строки
Бегущая строка - та самая лента цен, которая идёт в верхней части торговых и финансовых сайтов. Здесь она работает на живых данных и подключается одной строкой разметки: выбираете инструменты, задаёте тему и акцент под свою шапку и вставляете сниппет туда, где лента должна идти.
Лента прокручивается по кругу без разрывов и рисуется в своём фрейме, поэтому не наследует ваш CSS и не протекает в него. В каждом элементе - последняя цена и изменение за день с цветом роста или падения; ширина подстраивается под контейнер вплоть до узких телефонов.
Классы активов можно смешивать: где-то это виджет цен на криптовалюту, где-то лента акций и индексов, а где-то все семь категорий сразу. Биржевые инструменты на бесплатном тарифе идут с задержкой 15 минут и помечены соответственно; криптовалюты, форекс и металлы - в реальном времени.
Где пригодится
- Постоянная лента под шапкой сайта или над подвалом.
- Лендинги, где нужны движение и явный признак живых данных.
- Медиа-страницы, где полная таблица заняла бы слишком много высоты.
- Сайдбары и виджет-слоты в теме CMS.
Бегущая строка: вопросы
Сколько инструментов помещается в бесплатную бегущую строку?
Бесплатная бегущая строка показывает до 30 инструментов вперемешку: криптовалюты, акции, форекс, металлы, сырьё, индексы и облигации. Лучше всего читается от семи до пятнадцати тикеров: лента повторяет их по кругу, а цены обновляются примерно раз в 15 секунд.
Цены акций в ленте живые?
Цены акций и индексов в бесплатной бегущей строке идут с задержкой 15 минут, и лента показывает метку «Задержка 15 мин» или «Акции - задержка 15 мин», если рынки смешаны. Криптовалюты, форекс и металлы в той же ленте остаются в реальном времени. На Pro задержки нет ни у одного класса активов.
Не навредит ли лента в шапке скорости и SEO сайта?
Бегущая строка в шапке не меняет того, как поисковики читают ваши страницы: она грузится в iframe, который не считается содержимым страницы, а высота фрейма фиксирована и не сдвигает вёрстку. На Pro лента нативная и делит одно подключение к данным с другими виджетами страницы.
Можно убрать подпись из ленты?
Подпись «by FinaQuotes» снимается только на Pro. На Free она идёт вместе с лентой и должна оставаться видимой; на Pro лента собирается в white-label, вашими шрифтами и цветами.
Нужно нативно и в вашем оформлении?
Бесплатный виджет - общая сборка. На платном тарифе те же данные приходят без задержки 15 минут и без нашей подписи, а сам виджет собирается нативно в ваших компонентах и палитре. Подгоняем под макет и ставим на сайт сами.