Новая философия дизайна Google называется Материал Вы и ожидается, что он прибудет с Android 12 позже в этом году. Google постоянно делится изменениями дизайна для различных приложений, демонстрируя продукт Material You, и теперь пришло время виджету YouTube для Android получить обработку Material You.
Что для вас материально?
Но сначала давайте поговорим об идее, лежащей в основе Material You. Material You — это новый язык индивидуального дизайна Google, о котором компания впервые объявила во время Google I / O 2021.
«Не ставя под угрозу функциональные основы наших приложений, Material You стремится создавать индивидуальный дизайн для каждого стиля, доступный для любых нужд, живой и отзывчивый для каждого экрана. это было частью официального пресс-релиза Material You.
Однако что это на практике? Material You использует опыт Google в таких областях, как машинное обучение, распознавание изображений и дизайн взаимодействия, чтобы предоставить уникальные средства персонализации для мобильного пользователя.
Как добавить виджет YouTube на сайт
Геолокация EPMV. Как �.
Please enable JavaScript
Допустим, вы хотите установить свои любимые обои на свой новый телефон Pixel. Пользовательский интерфейс автоматически перебирает изображение, выбирает цвет и элементы дизайна и применяет их ко всему интерфейсу. Это похоже на приложение с автоматической темой со встроенным искусственным интеллектом в операционную систему!
YouTube Music Material You Widget
Наши друзья из 9to5Google смог декомпилировать последнюю версию приложения YouTube Music для Android и обнаружил строки кода, раскрывающие редизайн виджета Material You.
Источник изображения — 9to5Google
Сам виджет выглядит как виниловая пластинка с двумя значками вверху и внизу. У вас есть кнопка воспроизведения / паузы внизу и кнопка с изображением большого пальца вверху.
Источник изображения — 9to5Google
Размер виджета составляет 3 × 3, и, согласно 9to5Google, он не может быть меньше этого (хотя, предположительно, вы можете сделать его больше).
Какие еще приложения получили выгоду от редизайна Material You?
Google официально объявил несколько дней назад, что он начал развертывать Material You для множества приложений Workspace. Вы можете ознакомиться с дизайном, перейдя по ссылке, но вкратце вот список приложений, которые получают редизайн:
- Gmail
- Google встреча
- Google Drive
- Google Docs
- Google Slides
- Google Таблицы
- Календарь Google
- калькулятор
- Часы
- Музыка Youtube
Когда вы получите новый Материал, который вы изменили?
Фактически, он уже запускается, но вам нужно зарегистрироваться в бета-программе Google, чтобы получить его на свой телефон.
Если вы не хотите устанавливать бета-версию операционной системы и ставить под угрозу стабильность вашего смартфона, не волнуйтесь.
Официальная дата выпуска Android 12 быстро приближается, и телефоны Pixel станут первыми устройствами, которые ее получат. Мы, вероятно, смотрим на октябрьский релиз, возможно, в соответствии с Официальный запуск Pixel 6.
Как установить виджет Youtube
Наше мнение
Это прекрасная возможность для Google наверстать упущенное и усовершенствовать дизайн iOS. Нравится вам это или нет, но Android кажется более грубым по сравнению с мобильной операционной системой Apple, и Google есть что наверстать в этом отношении.
Видео-виджет на сайт для роста продаж в 2023 году
Борьба за конверсию сайта всегда выходила на первый план для владельца бизнеса, и еще одним решением стали «Видео виджеты для сайта». Еще помнится, как одностраничные сайты давали конверсию в лидах около 10-15%.
Чем популярней становились такие ресурсы, тем процент желаемых действий падал. Как итог: количество лидов упало до 1-2% и это считается среднестатистической нормой.
В результате начали появляться функционалы, которые повышали внимание потенциального клиента: виджет обратного звонка, онлайн чаты, ловцы лидов. Но это было все статично, и владелец бизнеса не мог обратиться напрямую к потенциальным клиентам лично и удержать их внимание.
В 2020 году начали набирать популярность видеоотзывы c WOW эффектом. Такой формат с видеоотзывом позволит вам рассказать о своей компании, услугах, товарах, показать видеоотзывы и презентации. Такой формат оживит страницу и позволит внедрить одну из ступеней лестницы Бена Ханта.
Вовлечение, повышение продаж и самое важное – повышение доверия не только к ресурсу, как к лицу бренда, но и к Вам и вашей команде.
Преимущества виджета на сайте
Главным техническим плюсом является скорость загрузки. Он абсолютно не влияет на скорость, несмотря на то, что в нем выводится видеоотзыв. Все это достигается асинхронной загрузкой:
Сначала загружается основная часть вашего сайта (структура, стили), а потом загружается виджет. Технические особенности асинхронной загрузки (async).
Но главным плюсом для вашего ресурса служит:
Доверие пользователей.
Вертикальный формат Сторис.
Вовлеченность и лояльность пользователей.
Рост продаж.
Направление на посадочную страницу.
Улучшение поведенческих факторов для SEO.
Формат отображения на устройствах
Как выглядит отображение видеоотзыва на разных устройствах, вы можете посмотреть у разработчика конструктора. Ниже представлены скриншоты в свернутом и развернутом виде на устройствах.
На компьютере
На телефоне
Функции и возможности
- Удобная аналитика: показов, просмотров, кликов по кнопке СTA.
- Размер до 300 мб.
- Активная кнопка.
- Возможность изменить дизайн.
- Позиция – внизу, слева или справа.
- Интеграция Facebook Pixel, Google Analytics, Яндекс Метрика.
- Простая установка кода на ресур с любой СMS – WordPress, Tilda, Bitrix, Shopify и другие.
Как создать и установить на сайт
Проходите регистрацию, указав для бонуса ПРОМОКОД NUGPHF
Создание
- Нажать слева в меню «Добавить виджет».
- Ввести название.
- Нажать кнопку «Загрузить видео» —> Выбрать файл с видеоотзывом.
- Выбрать желаемое действие для Call To Action.
- Определить и отметить расположение виджета – слева или справа внизу.
- Цветовое оформление отметить «По умолчанию», затем отредактируете под дизайн вашей страницы.
- Нажать —> «Сохранить».
- Откроется страница с вашим видеоотзывом.
- Нажать «Код виджета» —> в открывшемся pop-up окне скопировать код в буфер обмена нажатием на кнопку.
Установка
Если веб-сайт у вас без CMS, то установка кода займет буквально 10 минут. Для этого вам понадобится ваш хостинг. Я покажу на примере Beget.
- Открыть панель управления хостингом.
- Файловый менеджер —> Папка с вашим проектом.
- Найти index.html —> нажать левой кнопкой мышки 2 раза.
- Появится окно с редактором кода.
- Если требуется выводить ваш видеоотзыв на все страницы, то в строках кода находите закрывающий тег и перед ним нажать сочетание клавиш CTRL+V (CMD+V для Mac) —> Нажать Сохранить сочетанием CTRL+S или СMD+S соответственно для Mac.
- Если вам необходимо выводить видеоотзыв на определенную страницу, повторить, только перед тэгом в конце кода страницы:
- Виджет установлен —> убедиться, что он выводится.
- Если он не появился, прочистить кэш сочетанием клавиш CTRL(cmd) + F5.
Если ваш ресурс работает на CMS WordPress и установлен шаблон Reboot или другой от WPshop, то установка не займет много времени:
- Открыть консоль WordPress —> Внешний вид —> Настроить.
- Коды —> Вставить код виджета в нужное место —> Опубликовать.
- Проверить вывод.
Настройка виджета
- Вернуться в личный кабинет —> открыть «Мои виджеты» —> Предпросмотр:
- В открывшемся окне нажать «Редактировать виджет»:
- Поменять, если требуется направление кнопки в пункте «Выберите тип CTA».
- Скроллинг вниз страницы сайта —> Цветовое оформление —> Использовать собственные цвета:
Отредактировать цвета ползунками. Если вы знаете HEX кодировку цветов вашего сайта, то можете просто скопировать в нужные поля. Если это вызывает затруднения, то обратитесь к программистам. Это не займет много времени.
Стоимость
| Стоимость за месяц | Количество показов |
| Бесплатно 14 дней | 20 000 |
| 990 рублей | 5 000 |
| 1 990 рублей | 20 000 |
| 5 990 рублей | 100 000 |
Цены сервиса
И в завершение
Виджет для сайтов в формате сторис, можно сказать, лучшее решение по захвату внимания посетителей. Он не только вовлекает в воронку, но еще и оживляет сайт. Придает ему динамичности и какой-то полноты c законченностью. Устанавливается просто и быстро, есть возможность делать тесты ваших видеоотзывов, составлять воронки.
Источник: mrkblog.ru
YouTube имеет обновленный виджет для Android
Google представил новый язык дизайна более года назад. В настоящее время эта концепция охватывает большинство приложений компании. Другие разработчики также прилагают все усилия, чтобы интегрировать Material You в свои продукты. Это относится не только к внешнему виду приложений, но и к иконкам и виджетам.
Возможно вам будет интересно: Умный замок Xiaomi Smart Lock E Обзор
Теперь пользователи могут получить доступ к YouTube, который основан на Material You, со своих смартфонов на базе Android и iOS. Следующим шагом будет расширение интеграции и на виджеты приложения. Отличительной особенностью языка дизайна является то, что он меняет цветовую тему в зависимости от выбранных обоев.
Возможно вам будет интересно: Когда смартфоны Samsung будут обновлены до Android 13
Material You также оптимизирует другие элементы интерфейса, включающие округлые квадратные формы или прямоугольники, а также новые анимации. Все это теперь является частью виджета YouTube для главного экрана Android.
Сам виджет представляет собой закругленный прямоугольник с доступом к некоторым из наиболее важных кнопок управления YouTube, сообщает AndroidHeadlines. Строка поиска контента расположена в верхней части, а кнопки «Главная«, «Шорты (Короткие)», «Подписки» и «Библиотека» находятся в цветной секции под ней.
Возможно вам будет интересно: Manjaro Linux 21.3.0 «Ruah»
При изменении размера виджета до 3×2 будут видны только кнопки Home, Shorts и Subscribe. При изменении высоты на один квадрат будет видна только строка поиска. Виджет также будет соответствовать доминирующему цвету выбранных обоев. Чтобы воспользоваться преимуществами, необходимо обновить YouTube для Android до версии 17.43.36.
Источник: setiwik.ru