Виджеты Дискорд — специальные программы (скрипты), предназначенные для добавления чата приложения на сайт. Многие из них могут отображать всех онлайн-пользователей на сервере, показывать активность и т. д. С их помощью можно поддерживать общение без входа в Discord, что делает коммуникацию более удобной.
Что это
Виджет Дискорд для сайта представляет собой скрипт, который встраивается на ресурс и позволяет общаться с другими пользователями без входа в приложение. Такая опция полезна для разных сообществ по интересам, которые нуждаются в обсуждении разных тем. Наличие виджета Дискорд на ресурсе позволяет быстрей связаться с единомышленниками и не отвлекаться на работу в программе.
Для чего нужен
В зависимости от ситуации виджеты открывают ряд возможностей для пользователей Дискорд. С его помощью можно общаться, видеть все каналы сервера. Также доступно общее число пользователей онлайн, отображается общий список участников и т. д. В некоторых вариантах можно использовать уведомления для привлечения внимания, менять цвета и т. д.
ЗАКАЗАЛ ДИСКОРД SERVER У ПОДПИСЧИКОВ и ЗА 100, 1000 РУБЛЕЙ (DISCORD)
Как ставить и пользоваться
Много вопросов касается того, как установить скрипт на сайт и обеспечить его корректную работу. Общий алгоритм действий имеет следующий вид:
- Войдите в Дискорд.
- Выберите нужный сервер в списке.
- Зайдите в его настройки. Для этого жмите на него правой кнопкой мышки.
- Перейдите в категорию «Виджет».
- Переведите пункт «Включить виджет сервера» в правую сторону.
- Выберите канал из перечня, чтобы дать возможность скрипту приглашать людей на канал. Это значит, что при нажатии кнопки Connect пользователи войдут на этот канал. При отсутствии канала кнопки Connect не будет.
- Жмите на клавишу Copy возле строки ID сервера для копирования данных и сохраните информацию для дальнейшего встраивания.
- Создайте шаблон и вставьте его на страницу в виде кода. На этом этапе можно использовать готовый или собственный вариант.
- Внесите в необходимое поле скопированный ID сервер.
Существует также ряд платных сервисов, где можно создать свой виджет для Дискорд, а далее пользоваться его возможностями. К примеру, такая опция доступна на сайте elfsight.com. Здесь для добавления скрипта необходимо сделать следующие шаги:
- Настройте собственный вариант скрипта с учетом личных предпочтений.
- Копируйте уникальный код готового виджета.
- Установите готовый код в шаблон или структуру сайта, где он будет находиться.
В дальнейшем можно пользоваться возможностями и менять внешний вид прямо из сайта, где установлено дополнение.
Примеры готовых виджетов
При желании можно использовать уже готовые виджеты для Discord. Наиболее распространенный вариант — скрипт DiscordIntegrator/ru. Он интегрируется в правую часть страницы и может показывать количество пользователей на сервере, их активность, кто и во что играет, гостей канал и т. д. Подробная инструкция по установке скрипта для Дискорд доступна по ссылке dev.fandom.com. Для корректной работы обязательно включите возможность отображения в самом Discord по схеме, которая рассмотрена выше.
Еще одно решение под номером 02 — воспользоваться возможностями сервиса elfsight.com/ru/discord-chat-widget/ и получить Дискорд Чат. Здесь можно посмотреть на Демо программы, внести корректировки в оформление и использовать приложение для общения.
Еще один вариант — Discord Server Widget. Это простой и удобный в пользовании скрипт, предназначенный для отображения активности и онлайн-участников на server Дискорд.
Теперь вы знаете, что такое виджеты Дискорд, для чего они применяются, и как ими пользоваться. При желании можно найти и другие варианты, но главное — правильно добавить код на сайт, а после этого проверить правильность его работы. В комментариях расскажите, какие вы используйте дополнения для установки на сайт и общения в Discord.
Источник: discordgid.ru
DiscordIntegrator/ru
DiscordIntegrator — скрипт, интегрирующий Discord-виджет в содержимое страницы или в правую её часть.Discord-виджет может показывать всех онлайн-пользователей на сервере, активность пользователей, кто во что играет, посетителей голосового канала и т.д.
Если после прочтения документации вы все ещё не понимаете, как установить DiscordIntegrator на вашей вики, ознакомьтесь с пошаговым руководством.
Contents
- 1 Установка
- 2 Настройка
- 2.1 Подключение виджета
- 2.2 Содержимое
- 2.3 Правая сторона
Установка [ ]
Локальная установка
ImportJS:
Добавьте в MediaWiki:ImportJS эту строку:
Настройка [ ]
Подключение виджета [ ]
Виджет Дискорд-сервера его администраторы могут включить через Настройки сервера > Виджет. Чтобы виджет заработал, нажмите на кнопку-рычаг «Подключить виджет». Если Вы желаете, чтобы пользователи могли присоединяться к заданному каналу сервера, заполните опцию «Установить канал для приглашений». ID сервера используется в дальнейшем при настройке шаблона в вики, это самая важная деталь настроек.
Параметры сервера можно найти при нажатии на название вашего сервера
После того, как вы зайдёте в настройки сервера, перейдите в раздел «Виджет»
В разделе «Виджет» вы увидите возможность включения виджета сервера ( выделено красным цветом ), возможность мгновенного выбора канала ( выделено жёлтым цветом ) и ID вашего сервера ( выделено зелёным цветом )
Важно: ID сервера, который можно найти в настройках виджетов сервера, очень важен для настройки виджета, что объясняется ниже или на странице шаблона.
Содержимое [ ]
Когда скрипт установлен методом, описанным в разделе выше, в содержимое выбранной страницы можно вставить настройки виджета. Рекомендуется создать шаблон на Вашей вики, целиком скопировав код из здешнего шаблона > . Затем шаблон может быть использован следующим образом:
вследствие чего получается:
If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn’t working. If the latter, please contact a wiki administrator.
Примечание: DiscordIntegrator не работает на мобильном скине и будет отображать сообщение об ошибке вместо виджета. Чтобы не допустить отображения виджета на мобильных устройствах, вы можете выбрать для него класс шаблона, который не отображается на мобильном скине (например навбокс).
Для более продвинутой настройки, см. документацию шаблона.
Правая сторона [ ]
В скрипте есть конфигурация, добавляющая виджет в правую сторону контента вики в скине Oasis. Это можно сделать через страницы MediaWiki. Любая страница, связанная с данным скриптом, начинается с названия MediaWiki:Custom-DiscordIntegrator-config- , после чего идёт название конфигурации. Например, чтобы настроить ID сервера, используется страница с названием MediaWiki:Custom-DiscordIntegrator-config-id.
Виджет появится в правой стороне страницы только в том случае, если ID сервера установлен в настройке конфигураций. Они носят такие же названия, как и настройки конфигураций при обычной вставке виджета в контент, однако с добавлением некоторых параметров:
| Число | ID вашего сервера Discord для встраивания | Нет |
| Строка | Название модуля в правой стороне | Нет |
| Строка | Высота модуля в правой стороне | 500 |
| Строка | Текст над виджетом | Нет |
| Строка | Текст под виджетом | Нет |
| dark или light | Тема виджета в правой части страницы | Наследует тему со скина FandomDesktop |
| Количество пикселей ( Xpx ) или процентов ( Y% ) | Ширина Discord-виджета | 100% |
| Количество пикселей ( Xpx ) или процентов ( Y% ) | Высота Discord-виджета | 90% |
| Логическое | Должен ли виджет отображаться только для зарегистрированных участников | Нет |
Пример виджета можно посмотреть на этой странице.
Часто задаваемые вопросы [ ]
Могу ли я изменить цвета виджета? В настоящее время нет. Виджет — это iframe-элемент, поэтому его стиль не может быть изменён. Виджет бесконечно загружается Это означает, что вы не включили виджет в настройках вашего сервера. Включите виджет, как указано в разделе «Подключение виджета» и обновите страницу.
Иногда для виджета может потребоваться минута или две, чтобы зарегистрировать его. Если виджет включён, то возможно вы скопировали весь код шаблона DiscordIntegrator на страницу MediaWiki:Custom-DiscordIntegrator-config-id. В этом случае, оставьте на той странице только ID сервера. Виджет всё ещё бесконечно загружается!
Подождите немного, пока кеш Discord’а не очистится Пока вы ждёте, провертье, написалили вы ID сервера на странице MediaWiki:Custom-DiscordIntegrator-config-id. Если вы вставили весь код шаблона, то модуль не будет работать. Удостоверьтесь, что только ID сервера находится там. Я вижу ошибку «Template loop detected: Template:DiscordIntegrator»! Это значит, что вы скопировали шаблон некорректно.
Вы должны скопировать шаблон на страницу шаблона с тем же именем на свою вики. Например, на Diep.io Wiki этот шаблон будет находится здесь. После того, как вы скопировали содежимое шаблона, вы дожны использовать этот шаблон, чтобы отобразить виджет Discord’а на страницах вики. Основную информацию об использовании этого шаблона можно найти здесь.
Источник: dev.fandom.com
Как работают виджеты для сервера в Дискорде?
Что такое виджеты для сервера в Дискорде, как их настроить и правильно использовать? Вы удивитесь, какие возможности таит в себе мессенджер – давайте опробуем их на практике!
Штатные средства
Виджет сервера Дискорд можно настроить самостоятельно – такая опция есть в функционале мессенджера. Что он собой представляет?
Значение виджета сервера
Виджет – это специальная форма для вставки на другие сайты – идеальное решение, если у вас есть свой блог! Появится небольшое окно, в котором показана основная информация о сервере и канале, количество участников, последние сообщения. Там же будет иконка, позволяющая присоединиться к числу участников. Очень удобно!
Что это за виджет сервера Дискорд – понятно, как можно его создать? Вам не придется ничего придумывать, все уже сделано за вас!
- Откройте мессенджер и найдите на панели слева нужный сервер;
- Кликните по его названию наверху;
- Из открывшегося меню выберите пункт «Настройки» ;
- Перейдите к вкладке «Виджет» ;
- Активируйте тумблер напротив параметра «Включить» .
Теперь вам нужно выбрать текстовый канал из выпадающего списка – тогда будет автоматически генерироваться ссылка-приглашение. Если вы не выберете канал, будут доступны только голосовые группы и участники в сети.
Выбрали? Виджет Discord практически настроен – вкладки «ID» и «JSON API» не трогаем, переходим к разделу «Готовый…» и жмем на кнопку копирования, чтобы получить код.
Важно: если у вас есть доступ к пользователям сайта, можете вставить height: 207px;»>
Параметр Что изменится title Название модуля moduleHeight Высота с правой стороны text Текст над виджетом footer Текст под ним theme light или dark (светлая или темная) width Ширина (количество пикселей (Xpx) или процентов (Y%) height Высота (количество пикселей (Xpx) или процентов (Y%) logged-in Будут ли отображаться только зарегистрированные участники (true) или все пользователи (false) Кроме того, готовые виджеты для Discord вы можете найти здесь – к вашим услугам настоящий конструктор, где вы можете поработать с шаблонами, добавить свои кнопки, немного поменять оформление.
Важно! Для того, чтобы поставить панель на свой сайт, мало просто вставить код в редактор. Необходимо активировать опцию «Включить виджет» в настройках мессенджера. Как это сделать, мы рассказывали в первой части обзора!
Освоили виджеты для Дискорда? Если вам нужно встроить интерактивное окно со ссылкой на свой сайт – вы знаете, что делать! Воспользуйтесь штатной функцией или попробуйте силы в самостоятельной настройке готового решения.
Источник: messenge.ru