BandLink Справка – Страницы Модули
Разделы
В этой статье вы узнаете, как использовать модули:
Вид ссылки
Дизайн страницы
Официальные ссылки
Лента новостей
Лента Instagram
Стримы
Сбор средств
Аудиоплееры
Видео
Описание
Артисты
Музыка
Расписание концертов
Внешние ссылки
QR-код
Контакты
Подписка
Сервисы аналитики
SEO-оптимизация
Ретаргетинг
Пресейвы
Кампании
Виджет
Вид ссылки
Данный модуль позволяет вам настроить вид ссылки. Можно задать ссылке уникальное имя, а также выбрать, на каком из доменов или поддоменов ее использовать.
Домен ссылки — выбор основного домена по умолчанию для быстрого копирования.
Уникальный поддомен — выберите свой собственный поддомен на наших доменах.
Уникальный домен — привяжите свой собственный домен к нашему сервису.
Кнопка «Копировать» позволяет быстро скопировать соответствующую ссылку в буфер обмена.
Дизайн страницы
Данный модуль позволяет применить дополнительные настройки оформления и задать порядок отображения видимых модулей.
Включить градиент – добавьте градиент в нижней части обложки.
Фон – установите собственное фоновое изображение на странице.
Включить десктопную версию – включите специальный вид страницы, адаптированный под просмотр с компьютера.
Порядок видимых модулей – это специальный блок, который с помощью кнопок позволяет менять порядок видимых модулей на странице.
Список доступных модулей зависит от типа страницы.
Официальные ссылки
Данный модуль позволяет добавить ссылки на официальный сайт и страницы в социальных сетях. При заполнении часть ссылок автоматически копируется в модуль «Лента новостей».
Включить официальные ссылки – включите отображение официальных ссылок на вашей странице.
«Показывать количество подписчиков» позволяет добавить на страницу общее количество подписчиков из основных социальных сетей: Facebook, VK, Twitter и YouTube (только для страниц артиста, лейбла и клуба!).
Лента новостей
Данный модуль позволяет добавить ссылки на источники контента для отображения ленты новостей из социальных сетей.
Заголовок — назовите модуль самостоятельно. Например, используйте «Важные новости» вместо стандартного названия «Новости»
Включить ленту новостей — включите автоматический сбор новых постов из указанных источников. Все посты будут собираться в единой ленте.
ВНИМАНИЕ! Данный функционал не работает с личными страницами в VK и Facebook.
Лента Instagram
Данный модуль позволяет добавить ленту фотографий из Instagram аккаунта.
Заголовок — назовите модуль уникально. Например, используйте «Инстаграм нашей группы», вместо стандартного «Instagram».
Добавить аккаунт — добавьте свой профиль Instagram через открывшееся окно авторизации.
Вы можете удалить аккаунт или добавить новый профиль.
Стримы
Позволяет добавить описание онлайн-мероприятия
Добавьте описание и ссылку на платформу, на которой будет проходить трансляция.
Заголовок — напишите уникальное имя модуля. Например, используйте «Подключайтесь к нашему стриму», вместо стандартного «Стримы».
Сбор средств
Позволяет добавить ссылки на популярные сервисы для сбора пожертвований
Добавьте описание и ссылки на платформы для сбора донатов. Так ваша аудитория сможет поддержать ваш проект.
Заголовок — напишите уникальное имя модуля. Например, используйте «Вместе собираем на новое оборудование», вместо стандартного «Сбор средств».
Аудиоплееры
Позволяет добавить сторонний аудиоплеер для предварительного прослушивания релиза
Вставьте ссылку на трек в SoundCloud или код виджета PromoDJ, чтобы отобразить плеер на своей странице.
Сделать обложкой релиза — замените обложку релиза на виджет плеера SoundCloud.
Данный модуль позволяет показывать один или несколько видеоклипов из YouTube в автоматическом или ручном режиме.
Показывать видео из YouTube канала — включите вывод 20 последних видеороликов, залитых на данный YouTube канал. Обновляется автоматически.
Показывать видео из списка — включите возможность для самостоятельного ввода ссылок на отдельные видеоклипы из YouTube.
Если вы активируете «Показывать видео из списка», то вам станет доступна кнопка «Добавить видео», которая позволяет добавлять больше видео.
Описание
Данный модуль позволяет добавить описание (пресс-релиз, биографию, и т.п.). Если заполнена дополнительно английская версия, то русская версия описания показывается пользователям только с русским языком браузера, а английская — всем остальным.
Заголовок — отображается только в десктопной версии.
Короткое описание — видимая часть текста описания.
Полное описание — полная версия текста описания, которая разворачивается по клику.
Артисты
Данный модуль позволяет добавить список существующих артистов, загрузить фотографию, указать ссылки на соц. сети и задать порядок их отображения.
С помощью кнопки «Загрузить картинку» загрузите фотографию артиста (разрешение: 300х300px, размер: не более 5 МБ, формат: JPG, PNG) с вашего устройства.
С помощью кнопки «Добавить ссылку» укажите ссылки на соц.сети артиста.
С помощью кнопки «Добавить артиста» добавьте новых артистов.
Музыка
Данный модуль позволяет добавить автоматическое отображение всех существующих релизов из iTunes или BandLink.
Показывать релизы из BandLink — включите показ всех релизов из BandLink по выбранному тегу. По умолчанию для быстрого выбора доступны последние использованные теги.
Поле «Добавить тег» служит для добавления тегов, по которым будут автоматически выводиться релизы.
Показывать релизы из iTunes — включите показ всех релизов из профиля артиста на iTunes.
ВНИМАНИЕ! У вас может быть одновременно активна только одна настройка.
Расписание концертов
Данный модуль позволяет добавить список концертов и ссылки на покупку билетов. Можно настроить автоматическое отображение расписания на основе отдельных страниц концертов и туров.
Показывать концерты из BandLink — включите автоматический вывод всех событий с актуальных страниц концертов и туров, отмеченных одним тегом. По умолчанию для быстрого выбора доступны последние использованные теги.
Поле «Добавить тег» служит для добавления тегов, по которым будут автоматически выводиться концерты и туры.
Показывать концерты списка – включите настройку, которая позволяет самостоятельно указать концертные даты. При активации появляется кнопка «Добавить событие», с помощью которой вы можете внести информацию по концерту или концертам:
При добавлении ссылки обязательно используйте полный URL с указанием http:// или https://.
Система автоматически сортирует указанные концерты по датам. Поэтому добавлять концерты в тур вы можете в любом порядке и по мере появления новых дат.
ВНИМАНИЕ! У вас может быть одновременно активна только одна настройка.
Внешние ссылки
Данный модуль позволяет добавить ссылки на любые сторонние сайты, которые не относятся к официальным ресурсам.
Развернуть ссылки – включите развернутое отображение данного модуля. По умолчанию модуль отображается в свернутом виде.
Название — название внешней ссылки
Адрес ссылки — рабочий URL внешней ссылки
С помощью кнопки «Добавить ссылку» добавьте больше ссылок на разные сайты. Вы также можете изменить порядок ссылок или удалить ссылки из списка.
После добавления всей нужной информации надо нажать кнопку «Сохранить».
QR-код
Данный модуль позволяет добавить сгенерированный QR-код для быстрого перехода на сайт
Включить – включите отображение QR-кода на вашей странице.
Развернуть – включите развернутое отображение данного модуля.
Скачать в высоком разрешении – скачайте файл с QR-кодом в высоком разрешении, чтобы использовать его для печати на футболках, рекламных баннерах и концертах.
Контакты
Данный модуль позволяет вам добавить необходимую информацию для контактов.
Заголовок – назовите модуль уникальным именем.
Контакты – укажите информацию, чтобы ваша аудитория могла с вами связаться. Например, напишите своё имя и адрес электронной почты.
Развернуть контакты – включите развернутое отображение данного модуля. По умолчанию модуль отображается в свернутом виде.
Подписка
Позволяет собирать базу Ваших фанатов для рассылки уведомлений о новых релизах, концертах и т.п. Рассылка уведомлений производится один раз, поэтому убедитесь, что страница полностью готова.
Заголовок – напишите название блока, привлекая аудиторию стать вашими подписчиками!
С помощью кнопок включения и выключения добавьте модуль для сбора e-mail адрессов или никнеймов telegram или используйте сразу оба канала для связи.
Рассылка
Здесь будет отображаться количество ваших фанатов, подписавшихся на новости. Добавьте новую информацию на смарт-линк и нажмите на кнопку «Уведомить подписчиков», чтобы они первые узнали о новостях!
Сервисы аналитики
Данный модуль позволяет вам подключить сторонние сервисы аналитики для детального анализа аудитории.
Вставьте коды Яндекс.Метрики и Google Analytics Google Analytics
Яндекс.Метрика поможет вам собрать подробную аналитику действий пользователей, которые кликнули по вашей ссылке. Код идентификатор генерируется в учетной записи Яндекс.Метрики. Вы можете узнать больше об использовании этого сервиса здесь.
SEO-оптимизация
Позволяет настроить заголовок и описание страницы для предварительного просмотра ссылки в социальных сетях и лучшей поисковой оптимизации (SEO)
Заголовок — так будет называться ваша страница в строке браузера.
Описание — напишите текст, отображающий суть вашей странички. Это описание будет появляться при поиске вашего релиза в поисковых системах.
Ретаргетинг
Данный модуль позволяет вам подключить пиксели ретаргетинга для сбора аудитории и таргетированной настройки рекламных кампаний.
Пиксель Facebook — это инструмент аналитики, с помощью которого можно измерить результативность рекламы. Вы можете использовать пиксель Facebook для изучения действий людей и охвата нужной аудитории. Для вставки нужен 16-значный код пикселя из рекламного кабинета Facebook.
Подробнее о создании пикселя можно узнать здесь.
Параметры пикселя – показывает пример пикселя.
Пиксель ВКонтакте — поможет собрать вашу аудиторию во Вконтакте для дальнейшего таргетированного продвижения в данной соцсети. Пиксель генерируется в рекламном кабинете Вконтакте и имеет следующий вид: VK-RTRG-xxxxxx-xxxx. Подробнее о создании пикселя можно узнать здесь.
Google Ads – поможет собрать вашу аудиторию для дальнейшего таргетированного продвижения с помощью данного сервиса. Пиксель генерируется в аккаунте Google Ads и имеет следующий вид: AW-xxxxxxxxx. Подробнее о создании пикселя можно узнать здесь.
Google Tag Manager — это бесплатный инструмент, который предоставляет единый интерфейс для управления пикселями (Facebook, Вконтакте, Google Ads и т.п.) и аналитикой аудитории (Google Analytics) вашей страницы концерта. Код генерируется в аккаунте Google Tag Manager и имеет следующий вид: GTM-xxxxxx. Подробнее о работе с этим сервисом можно узнать здесь.
ВНИМАНИЕ! При использовании Google Tag Manager для работы с вашими пикселями или аналитикой, заполнение отдельных полей для используемых сервисов во вкладке «Ретаргетинг» не рекомендуется, чтобы избежать дублирования данных.
! Подключение пикселей и инструментов сторонней аналитики доступно только для платных аккаунтов. Тарифы BandLink
Про бесплатную внутреннюю аналитику от нашего сервиса можно прочитать здесь.
Пресейвы
Данный модуль позволяет добавить пресейв — аналог предзаказа для стриминговых сервисов, а также собрать электронные адреса тех, кто нажал на пресейв до выхода релиза.
Что такое пресейв? Это предзаказ на скачивание. У фанатов появляется время, когда они могут предварительно сохранить ваш альбом, и он будет автоматически добавлен в их библиотеки на Spotify в день выхода.
Нажмите кнопку «Добавить пресейв», чтобы ввести UPC код. Получить UPC код можно при создании пресейва в Spotify.
Нажмите «Сохранить» после того, как вставите код UPC.
Кампании
Данный модуль предоставляет вам удобный инструмент отслеживания эффективности разных источников трафика или рекламных кампаний с помощью дубликата основной ссылки для каждого канала трафика.
Информация по данным ссылкам доступна в разделе Аналитика.
Домен ссылки — выбор основного домена (band.link или bnd.lc) по умолчанию для быстрого копирования.
Кнопка «Добавить ссылку» добавляет новые ссылки кампании. Вы также можете добавить любой комментарий, чтобы различать ссылки.
Кнопка «Копировать» позволяет вам быстро скопировать соответствующую ссылку в буфер обмена.
Кнопка «Сохранить» сохраняет всю информацию.
Виджет
Данный модуль позволяет вам сгенерировать HTML-код для отображения вашей страницы в виде виджета на вашем или партнёрском сайте. С помощью настроек вы можете отредактировать вид Виджета (изменения можно будет увидеть сразу в окне «Предпросмотр»), а также задать его ширину и высоту.
Обратите внимание, что при использовании настроек важно, чтобы у вас была заполнена информация в соответствующих модулях.
Вы можете включить или выключить необходимые модули, которые будут отображаться в вашем виджете.
Скопируйте код и вставьте его на вашем сайте.
Как использовать ссылки mailto: и tel: — Блог HTML Academy
Ссылки tel: нужны, чтобы сделать кликабельным номер телефона на сайте, а через mailto: можно отправить целое письмо, в котором сразу будут заполнены и адрес, и тема, и даже какой-нибудь текст. Иногда это удобно — пользователю не нужно набирать номер телефона вручную, а письмо в службу поддержки можно начать сразу с конкретной темы.
Такие форматы ссылок поддерживаются всеми браузерами, так что вы можете по необходимости использовать их в своих проектах не переживая, что где-то они не сработают.
mailto:
Ссылка формируется из нескольких частей. Сначала в адресе ставится префикс mailto:, после которого указывается адрес почты. Это самый простой вариант.
<a href="mailto:mail@htmlacademy.ru">Напишите нам</a>
ru">Напишите нам</a>Текст письма указывается с помощью параметра body
<a href="mailto:[email protected]&body=привет">Напишите нам</a>
За тему письма отвечает параметр subject.
<a href="mailto:[email protected]&body=привет?subject=вопрос">Напишите нам</a>
Можно даже указать кого-то в копии, для этого используются параметры cc и bcc.
<a href="mailto:[email protected]&[email protected]?body=Привет, подпишитесь на рассылку">Напишите нам</a>
Что произойдёт, если кликнуть на ссылку с
mailtoОткроется почтовая программа, в которой уже будут заполнены все нужные поля. Например, так ссылку выше обработает программа «Почта» в OS X:
Если почтовая программа по умолчанию не установлена, появится окно выбора программы.
Обратите внимание, что адреса с нестандартными символами, например, кавычками или дополнительными знаками @, нужно записывать особым образом.
tel:
Ссылка на номер телефона размечается с помощью специального префикса перед номером телефона —
tel:.<a href="tel:+79001111111">+7-900-111-11-11</a>Хорошим тоном считается указание в
hrefкода страны. При этом в тексте ссылки номер может быть указан в любом удобном формате. Например, добавляем городской номер на сайте фирмы из Санкт-Петербурга:Хорошо
<a href="tel:+78121111111">(812) 123-45-67</a>В
hrefуказан номер с кодом страны и города, в тексте ссылки есть код города 812, по которому понятно, что речь о Питере.Чуть хуже
<a href="tel:+78121111111">123-45-67</a>В этом случае жители всех городов смогут дозвониться до компании, а короткий номер будет понятен и местным. Случай перейдёт в категорию «плохо», если по сайту непонятно, из какого города компания.
Плохо
<a href="tel:1234567">123-45-67</a>Телефоны с питерскими сим-картами дозвонятся по этому городскому номеру, но жители других городов попадут куда-то ещё.
Другое обязательное требование RFC 3966 — номер телефона, указанный в
href, должен быть явно виден на странице.Хорошо
Звоните <a href="tel:+79001111111">8-900-111-11-11</a> по любому поводу.Номер видно в тексте ссылки.
Плохо
<a href="tel:+79001111111">Звоните</a> по любому поводу.Номер не видно в тексте ссылки, непредсказуемое поведение.
Что произойдёт, если кликнуть на ссылку с tel
На смартфоне откроется приложение-звонилка, в котором будет набран указанный в ссылке номер. Если открыть такую ссылку на компьютере, где есть программа для звонков, произойдёт то же самое. Но вообще то, что произойдет, сильно зависит от устройства и операционной системы, браузера и устройства.
=»mailto:»] {
font-size: 16px;
line-height: 32px;
color: #000000;
}
