Додайте відео на сайт — покращення функціоналу сайту на Bitrix

Відео належить до універсального мультимедійного контенту, що якнайкраще передає будь-яку можливу інформацію та привертає увагу користувачів. Це один із найбільш доступних інструментів маркетингу, що може істотно покращити показники конверсії — звісно, якщо його використовувати з головою та не зловживати основними перевагами. Навіть зараз ваша увага постійно відволікається на банер до цієї статті, якщо він ще в полі зору — це невід’ємний елемент людської свідомості та навіть фізіології. Але зараз більше не про це, а саме про реалізацію відеопоказу на сайті. З таким запитом до Авіві звернулися наші замовники з Ювелірного підприємства “Онікс” і в ході виконання ми стикнулися з рядом питань, спільних для всіх бажаючих мати на сайті теж саме. 

Можливості й технології

Перш, ніж говорити предметно, слід пригадати, які ж є методи відображення рухомого зображення на сторінках веб-сайтів. На початку розвитку Інтернету й пропускної здатності мережі про відео можна було і не мріяти, тому рух передавали знайомими кожному “гіфками”. Зображення у форматі .gif (Graphics Interchange Format — “формат обміну зображеннями”) — це 8-ми бітний растровий формат, що дозволяє показувати картинки за чергою та циклічно ще з 1987 року. Й досі така анімація широко зустрічається на різних сайтах, але її обмеження у всього 256 чітких кольорів не дозволяє якісно підміняти відео. Іншим популярним методом у “нульових” роках була Flash-анімація: динамічна, яскрава, але векторна — а, значить, подібна до мультиплікації, а не відеозаписів. Розвиток методів кодування подарував цивілізації аудіоформат mp3 та відеоформат mp4, що й досі є одними з найбільш розповсюджених для ефективної передачі аудіо та відео через глобальну мережу. А поява сервісу YouTube для багатьох вирішила цілий ряд проблем з використанням відео: можна просто “залити” контент на відеохостинг та вбудувати програвач практично у будь-якому місці власної веб-сторінки. 

Однак для ефективних рішень, що не лише мають відтворювати відео, але й органічно вписуватися в естетику та концепцію сайту, все, перераховане вище, не підходить. Для індивідуальної розробки слід використовувати функціонал, що CMS, що відтворює відео там, де потрібно, так, як хоче власник сайту і так, як буде приємно це бачити користувачам. 

Проблематика продуктів на Бітрікс: Управління Сайтом

Наразі в України тисячі сайтів продовжують працювати на CMS Bitrix, що спричиняє цілий ряд труднощів. Із початком російського вторгнення ніхто більше не подовжує ліцензію та не перераховує кошти авторам системи, які, в свою чергу, вимкнули українські продукти від техпідтримки та маркетплейсу рішень і оновлень. Таким чином, розширювати можливості сайтів як раніше — шляхом скачування доповнень, модулів чи інших готових рішень — вже не можна. Однак сайти, що є власністю українських підприємців, працюють та допомагають їм утримувати на плаву вітчизняну економіку, тож підтримувати таку роботу важливо для сьогодення. До того ж, досвічені розробники значно покращують і доопрацьовують код, що підвищує ефективність електронної комерції. 

Використання відео на сайті наших замовників, які спеціалізуються на продажу прикрас, є виправданим та доцільним. Власне й самі прикраси мають на меті привернення зорової уваги інших, підкреслення природної краси їхніх власниць та статусу людини. Зрозуміло, що жодна GIF чи Flash анімації не в змозі задовольнити потреби замовника — лише відео гарної якості та у строго-відведеному для цього місці. Також недоцільна присутність на зображенні елементів іншого сервісу, на кшталт згаданого вище YouTube чи йому подібних. Тому спеціалістам Авіві слід було створити ефективне та привабливе рішення. 

Реалізація та її особливості

Загалом CMS Bitrix здатна опрацьовувати відео, зокрема у форматі mp4. Однак для коректного відображення вмісту у потрібному місці сторінки сайту необхідно виконати певні дії. Звісно, найперше фронтенд має створити розмітку під майбутнє відео, а бекенд — не лише зв’язати все разом, але й створити інструменти в адмінпанелі для завантаження потрiбних відеороликів. 

Найбільш проблематичним моментом виявилася саме верстка: навіть адаптивною, вона у Бітрікс: Управління Сайтом поводила себе надзвичайно примхливо. Особливо, коли справа доходить до мобільної версії: на різних гаджетах вміст поводився, просто непередбачувано. Відтак, розробники нашої компанії зібрали перелік вимог абсолютно різних мобільних пристроїв, на основі якого скоригували адаптивну верстку до оптимального стану. В результаті відео відображається коректно. 

І, власне, кілька слів про самі відеофайли. Формат mp4 передбачає один з найвищих ступенів стиснення без видимих людському окові втрат якості, але це не означає, що проста конвертація формату — єдина вимога. Файли відео завжди мають найбільшу “вагу” серед іншого контенту, а це означає, що на їхнє опрацювання сайт витрачатиме більше потужностей. Тож не варто зловживати занадто довгими роликами та зважати на пропорції зображення, що також мають велику роль. 

Джерело: https://oniks.ua/

Як бачите, навіть без офіційних оновлень, сайти на CMS Bitrix здатні справлятися з будь-якими завданнями в руках досвідчених розробників. Ми завжди вітаємо бажання клієнтів робити свій сайт кращим, гарнішим та продуктивнішим, тому готові надавати кваліфіковану підтримку задля процвітання бізнесу та піднесення економіки України.