Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Сделаем сервис лучше » [реализовано] Новые поля контактов. (Бывшие Профиль > общения)


[реализовано] Новые поля контактов. (Бывшие Профиль > общения)

Сообщений 41 страница 60 из 79

1

реализовано

Меня еще с 2010-го года коробила вкладка профиля пользователя под названием "Общение".
Давайте, разберем, что в ней предлагается пользователям к наполнению:
ICQ - ну... допустим, мб этим еще кто-то пользуется, в частности поспособствовал медленной смерти этого мессенджера квип, добавив личку вконтакта... но в 2к17 все уже поголовно пересели на скайп и аська вымерла, а квип все снесли за ненадобностью - у вконтакта есть свой мессенджер.
Skype - нет вопросов, этим пользуется большинство
Mail Agent - прошу прощения, но с тех пор как он появился, все продвинутые юзеры смотрели на этот мессенджер как на г, пользоваться им догадались тока наши бабушки-дедушки и прочие юзеры, которые также не отказываются установить яндекс-бар, мейл-ру поиск и пару порнобаннеров. со временем их от этого отучили.
MSN Messenger - шо это вообще такое? кто это юзал хоть раз?
Jabber - шо это вообще такое? кто это юзал хоть раз?
Yahoo! Messenger - шо это вообще такое? кто это юзал хоть раз?

Именно глядя на такие штуки, можно ныть, что форумы - это для динозавров и надо идти в соц-сети писать три буквы в микробложике.

Мои предложения:
1. Однозначно - просто убрать с глаз долой лишние поля, кроме скайпа. для "динозавров" достаточно оставить icq - хотя и он не нужен.

2. Можно заменить на что-нить новое и элементарное - номер телефона, телеграм, вотсап и т.д. вот этим ща пользуются
3. Можно заменить на поля для ссылок на соц-сети - вконтакт, фейсбук, одноклассники, твиттер, инстаграмм

4. Если не лень, то запилите так, чтоб админы форумов сами добавляли поля для контактов, которые на их взгляд нужны для коммуникации. Может, кто-нить запилит форум для видеоблоггеров и ему логичнее предложить юзерам обмениваться ссылками на стримы, паблики и ютуб-каналы, а не icq.

Что важно в пунктах 2-3. Не нужна проверка корректности ввода данных, которая сейчас в этих полях есть. Например, в скайпе можно найти человека по имейлу - и я так и делаю, ибо ник у меня ололо длинный, а мыло локаничное, но на форуме нельзя ввести имейл на место скайпа (на фейсбуке таких проблем не было с заполнением того же поля). Если добавить вместо полей что-нить типа номеров телефона или ссылок на соц-сети всем глубоко пофиг правильно ли они написаны - речь же о форумах, а не регистрации банковского счета. В других движках с этим не морочились - вот и на майбб можно оставить просто строчные поля и осовременить эту вкладку без лишнего геморроя.
Ну, и имеет смысл просто глянуть популярные соц-сети - что там предлагают оставить в качестве контактов и как это выглядит. Ей-богу, нигде не видела отдельное поле для мейл-агента и тем более джаббера, зато ссылки на другие соц-сети предлагают оставить без проблем. Или хотя бы гляньте официальный ipb (не пиратку) - там тоже таких полей не наблюдается.

Заранее спасибо, если топик найдет хотя бы минимальный отклик. Мелочь, а приятно.

Добавлено спустя 2 года 4 месяца 14 дней 21 час 34 минуты 43 секунды:

Hope13 написал(а):

Не кажется ли вам, что некоторые данные для общения неактуальны для нас? Например, кто из вас использует MSN Messenger, Jabber или Yahoo Messenger? Их можно заменить Фейсбуком, ВКонтакте и Вайбером. В ногу со временем, так сказать.

https://i.imgur.com/Eyad92l.png

Новые настраиваемые поля для контактов на форумах MyBB
Обновление пока что тестируется, но скоро появится на форумах.

Появится возможность добавление своих настраиваемых дополнительных полей:
[html]<style>
.prev .postimg {
    max-width: 300px !important;
}
</style>
<div class="prev" id="block-140704-1"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/547652.png" alt="https://forumupload.ru/uploads/0007/e3/f7/2/547652.png" style="cursor: zoom-in;"> <img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/232699.jpg" alt="https://forumupload.ru/uploads/0007/e3/f7/2/232699.jpg"></p></div>[/html]
В преднастройки добавлены пресеты современных мессанджеров и соцсетей.

[html]<style>
.prev .postimg {
    max-width: 300px !important;
}
</style>
<div class="prev" id="block-140704-2"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/689501.jpg" alt="https://forumupload.ru/uploads/0007/e3/f7/2/689501.jpg" style="cursor: zoom-in;"> <img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/258331.png" alt="https://forumupload.ru/uploads/0007/e3/f7/2/258331.png"></p></div>[/html]
Новые поля могут выводиться как в профиле под аватаром, так и в ссылках рядом с "профиль", "лс", "e-mail".
Есть опция вообще не выводить их в сообщениях, тогда будут только на странице профиля пользователя.

На ЭТОМ форуме (и бета-тестовых) доступны Контакты уже сейчас. Вы можете помочь в тестировании. Пробуйте, пишите о проблемах здесь.
[html]<style>
.prev .postimg {
    max-width: 300px !important;
}
</style>
<div class="prev" id="block-140704-3"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/0007/e3/f7/2/690629.png" alt="https://forumupload.ru/uploads/0007/e3/f7/2/690629.png" style="cursor: zoom-in;"></p></div>[/html]

Отредактировано Герда (Чт, 8 Окт 2020 22:31:43)

+3

41

kernel написал(а):

а ближе к тому, что есть сейчас в полях профиля - название и, возможно, метод верификации/длина

зачем варификация?
это как-то снимает загрузку с движка?

меня лично (как юзера) дико бесит, что в поле "скайп" нельзя вписать и-мейл. при этом в самом скайпе найти и добавить меня по имейлу можно.
почему бесит: мой ник в скайпе состоит из 21 символа - он регался в старые добрые времена, когда его еще не купил майкрософт и тогда все регались с никами типа "nu_hot'_etot_nik_ne_zanyat". мыло мне вбить куда проще и веселее, чем длинный ник.

если в телеграмме вместо номера телефона нужно будет вбивать только ник @никнейм (или наоборот) это тоже будет бесить, т.к. в самом мессанджере можно добавить человека и так, и так.

подобные ограничения, на мой взгляд - лишняя работа. самим себе придумываем какие-то усложнения.

почему нельзя просто дать админам 6 строчных полей для контактов, которые они сами называют как хотят и вводят туда такую инфу, которую хотят? для снижения нагрузки на движок достаточно ограничения в длинну в 80-100 символов максимум.
и еще один аргумент в пользу того, чтоб НЕ копаться с ограничениями на странице контактов. мы никогда не сможем предусмотреть ВСЕХ уникальных мессанджеров и контактов для определенного сообщества. например, на форумах по комп.игрушкам актуальны ссылки на стим-аккаунт, батл.нет, дискорд, твич, тимспик, нексус и профиль аккаунта в конкретной игре.  на других движках есть подобный список ссылок у всех тематических форумов по играм (и даже на фейсбуке с его ограничениями такие индивидуальные поля для контактов есть), у нас такое делается только через доп.поля. и это я привела пример с комп.играми, а ведь найдутся какие-нибудь комьюнити любителей вязать фенечки, у которых наверняка есть какие-нибудь свои специфические сервисы и мессанджеры. имхо: полная опциональность и индивидуальность настройки угодит всем.

+3

42

kernel написал(а):

Ну и не все месседжеры имеют web-based ссылки.

Справедливо, да.

Герда написал(а):

зачем варификация?
это как-то снимает загрузку с движка?

Почти наверняка наоборот :D

Я думаю всё-таки сделать более-менее гибкую систему, что бы все поля генерировались в общем формате, но я пока немного ушёл в IRL, начало учебного года, и у нас начинается тотальная запара... Так что ндя.

0

43

kozhilya написал(а):

Почти наверняка наоборот

тогда нафиг ее.
единственная продвинутая фича, которая полезна для таких полей - это распознавание ссылок.
чтоб можно было ставить ссылки на профили в соц-сетях, каких-либо сервисах (например, упомянутых стимов, твичей и т.д. - ведь у всего этого барахла тоже есть свои фред-листы и мессанджеры) - и чтоб такие ссылки были кликабельными.
усё, больше ничего не надо. мне представляется, что вакханалия с распознаванием ников, номеров и разных типов ссылок для мильёна соц-сетей и мессанджеров - это ад для программиста. ну, либо тогда надо будет ограничить список вшитых контактов, и лет через 5 мы опять откроем страницу и спросим "а на кой нам скайп? вся молодежь давно себе имплантировала чипы с нейролинком и общается голографическими моделями через 10g спутниковые мессанджеры". :D  имея возможность самим выбирать названия поля и вбивать в них любые данные такой проблемы не будет. :rolleyes:

kozhilya написал(а):

но я пока немного ушёл в IRL, начало учебного года, и у нас начинается тотальная запара...

ну, будем ждать и надеяться. :)

+1

44

Так... Мысли по поводу структуры данных

  • Название (input/text) — будет отображаться везде.

  • Идентификатор (input/text) — аналогично "Адресному имени" в admin_pages, транслитерация данных из названия либо вводимое на английском имя поля.

  • Допустимые типы (input/checkbox) — то, как будут восприниматься значения, можно выбрать несколько:

    • E-mail — просто e-mail :);

    • Ссылка — простые Web-based ссылки, как, например, VK;

    • Регулярное выражение — если Web-based ссылки нет, например, ICQ.

  • Формат ссылок (textarea, для типа "Ссылка") — Допустимые форматы ссылок; если допустимых форматов несколько (например, у Steam), можно указать несколько, каждое с новой строки.

  • Проверяемое выражение (input/text, для типа "Регулярное выражение") — регулярное выражение, которое будет проверяться при вводе (если выражение не прошло, пользователь получит ошибку). Так же будет выделять match и передавать его в поле "Генерируемая ссылка".

  • Генерируемая ссылка (input/text, для типа "Регулярное выражение") — Значение, которое будет вставляться в атрибут href для ссылки. Выражение будет экранировано при выводе. Можно использовать ссылку вида javascript:action(id);


Примеры:

VK
  • Название: ВКонтакте

  • Идентификатор: vk

  • Допустимые типы: Ссылка.

  • Формат ссылок:

    http://vk.com/(.*)
    http://vk.com/id(\d+)


Для поля будет сгенерированно 2 регулярки на основе данных поля "Формат ссылок", причём всё, что вне круглых скобок, будет экранировано. По факту, тут будет 2 регулярки:

#https?:\/\/vk\.com\/(.*)#
#https?:\/\/vk\.com\/id(\d+)#

Отмечу, что указание https будет опциональным.
Непосредственно ссылку будет выноситься изначальное значение, до проверки на https/http.


Итого, если в поле ввода в профиле я укажу https://vk.com/kozhilya, то сгенерируется следующее поле:

Код:
<li class="pl-extern extern-vk"><a href="https://vk.com/kozhilya" target="_blank" rel="nofollow">ВКонтакте<span class="acchide">&nbsp;https://vk.com/kozhilya</span></a></li>

Я ещё дополню это, но готов принять критику, что да как это можно улучшить :D

+2

45

kozhilya
Я бы упростил, "Допустимые типы" убрал, зачем оно? Только если ставить input type="email" и доверить дополнительную валидацию браузеру, но у нас сейчас даже для основного email используется просто type="text". Наиболее интуитивно, ИМХО, было бы сделать набор пресетов, чтобы можно было выбрать vk, telegram, ... Те пресеты, что мы добавим сами, а вот это всё появлялось только при кастомном варианте.

0

46

kernel
Не, пресеты - это всё понятно, их я тоже сделаю. Я пока думаю про общие случаи :)

0

47

kozhilya написал(а):

kernel
Не, пресеты - это всё понятно, их я тоже сделаю. Я пока думаю про общие случаи :)

Структура вполне логичная, я примерно такую же думал ) Здесь мне добавить нечего.

0

48

kernel написал(а):

Только если ставить input type="email" и доверить дополнительную валидацию браузеру, но у нас сейчас даже для основного email используется просто type="text".

ну да, тем более готовых вариантов предостаточно

<input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" placeholder="Ваш E-mail"/>

0

49

Окей, я пытался заставить работать свой предыдущий вариант... И он не сработал при попытке реализовать. Так что переделываю на более общий вариант.

1. Поля на странице создания/редактирования поля общения
  • Название (title: input/text) — Название поля общения.

  • Имя класса (class: input/text) — Используемый в атрибуте class имя поля общения.
    Аналогично "Адресному имени" в admin_pages: транслитерация данных из названия либо вводимое на английском имя поля.

  • Поясняющий текст (description: textarea) — При необходимости, напишите пояснение для пользователя.
    Будет добавляться на странице "Общения". Сюда можно добавлять описание того, где можно получить эту ссылку. Может содержать HTML.

  • Отображение (placement: select) — Выберите, в какой области будет расположено поле.

    • Под аватаромв "столбце автора".

    • В ссылках пользователярядом с "Профиль", "ЛС" и проч. ссылками.

  • Тип поля (type: input/checkbox) — Выберите вариант отображения поля при заполнении.

    • Преднастройкапредварительно настроенные варианты отображения.

    • Общая  настройкаесли Web-based ссылки нет, например, ICQ.

  • Тип преднастройки (preset: select) — Выберите вариант предварительной настройки для поля.
    Для типа "Преднастройка". Вариант указаны ниже.

  • Формат ссылок (format) — Набор правил для обработки ссылок. В каждой строке 3 поля:

    • Искомый шаблон (pattern) — регулярное выражения, первый аргумент для функции preg_replace. Введённое пользователем значение будет принято, если оно будет удовлетворять хотя бы одному из указанных шаблонов.

    • Значение ссылки (url).

    • Значение идентификатора (identifier).

    Оба значения ссылки и идентификатора являются строками подстановки регулярного выражения, то есть вторыми аргументами для функции preg_replace; дополнительно принимают подстановку {0} для полной строки. Могут быть пустыми, в этом случае система попытается подстроить формат ссылки.
    Для отображения "В ссылках пользователя": Не рекомендуется оставлять значение ссылки пустым при отображении в ссылках пользователя.
    Примеры заполнения в преднастройках.

2. Преднастройки
  • Название: ВКонтакте

  • Имя класса: vk

  • Формат ссылок:

    Регулярное выражение

    Ссылка

    Идентификатор

    https?://vk.com/([a-zA-Z0-9_]+)

    {0}

    {1}

    https?://vkontakte.ru/([a-zA-Z0-9_]+)

    {0}

    {1}


  • Название: E-Mail

  • Имя класса: email

  • Формат ссылок:

    Регулярное выражение

    Ссылка

    Идентификатор

    ([^@]+)@((?:[^@.]+.)+[^@.]+)

    mailto:{0}

    {0}

3. Конечное форматирование

После того, как пользователь ввёл данные и система их обработала, в система сможет получать список полей, каждый элемент списка будет иметь следующий формат:

  • title — название.

  • class — класс поля.

  • url — ссылка, опционально.

  • identifier — идентификатор, опционально.

Подразумевается, что опциональные поля будут считаться не заданными, если окажутся пустыми. Далее эти поля форматируются в зависимости от выбранного метода отображения.


Под аватаром

Код, если задаётся идентификатор и ссылка:

<li class="pa-social social-class">
    <span class="fld-name">title</span>:
    <a href="url" target="_blank" rel="nofollow">identifier</a>
</li>

Код, если задаётся только идентификатор:

<li class="pa-social social-class">
    <span class="fld-name">title</span>:
    identifier
</li>

Код, если задаётся ссылка (meh):

<li class="pa-social social-class">
    <span class="fld-name"><a href="url" target="_blank" rel="nofollow">title</a></span>
</li>


В ссылках профиля

Код, если задаётся идентификатор и ссылка:

<li class="pl-social social-class has-display-name">
    <a href="url" target="_blank" rel="nofollow">
        title
        <span class="acchide">&nbsp;identifier</span>
    </a>
</li>

Код, если задаётся только идентификатор (meh):

<li class="pl-social social-class has-display-name no-link">
    <em>
        title
        <span class="acchide">&nbsp;identifier</span>
    </em>
</li>

Код, если задаётся ссылка:

<li class="pl-social social-class">
    <a href="url" target="_blank" rel="nofollow">
        title
        <span class="acchide">&nbsp;url</span>
    </a>
</li>

Собственно, я думаю, я уже не буду менять эту схему значительно больше, и так много сил на это убил :D
Принимаю предложения, как можно описать это лучше (в частности, описания в п.1, которые не выделены курсивом), а так же дополнения к списку преднастроек.

+3

50

Искал подобные настройки на XenForo, нашлось это
http://forumupload.ru/uploads/0000/14/1c/15964/t240861.jpg
http://forumupload.ru/uploads/0000/14/1c/15964/t651289.jpg
http://forumupload.ru/uploads/0000/14/1c/15964/t920478.jpg

0

51

Romych
Discord работает по другому: он не просто ссылку сохраняет, а полноценно подключается к аккаунту. Это было бы круто, но я пас делать подобное XD
Провайдеры XenForo, подозреваю, из той же оперы.

+1

52

Romych написал(а):

Искал подобные настройки на XenForo, нашлось это
http://forumupload.ru/uploads/0000/14/1 … 240861.jpg
http://forumupload.ru/uploads/0000/14/1 … 651289.jpg
http://forumupload.ru/uploads/0000/14/1 … 920478.jpg

они юзаеют oauth api, которая предоставляет соц-сеть
и подключаются они не просто ради ссылки, а чтобы отображать кто во что играет, кто-что стримит, кто-что пишет, кто-где пишет и т.д.

да, это круто, но только в том случае, если нам нравится список на скриншотах и ничего другого нам на форумах не надо.

форумы посвященные компьютерным играм или англоязычные будут в восторге.
остальным реддит, спотифай, пейпал и прочее нахрен не упало.

мне казалось, в этом топике уже пришли ко мнению, что список контактов должен управляться админом форума, а не навязываться движком.

Герда написал(а):

идеальное решение - просто 6 текстовых строчных полей для пользователей, которые админ сам настраивает в Администрирование > Поля профиля
чтобы основная аудитория майбб могла себе запилить себе поля "мейлагент", icq и ссылку одноклассники, а молодежь могла добавить поля типа дискорда, телеграма и фейсбука.

+1

53

Герда написал(а):

мне казалось, в этом топике уже пришли ко мнению, что список контактов должен управляться админом форума, а не навязываться движком.

+

Я на эту тему полдня смотрю с недоумением, и куда-то вы далеко ушли. О.о

0

54

Эка все переполошились от трёх картинок  :D

0

55

Тут, скорее, не все поняли, зачем это всем форумам в массе и зачем всё так усложнять. %)))

0

56

Arakhen написал(а):

Тут, скорее, не все поняли, зачем это всем форумам в массе и зачем всё так усложнять. %)))

Я просто написал, что хотел посмотреть как эти настройки оформлены в движке XenForo, поиск по картинкам выдал то, что я запостил, при этом я не писал, что "нам надо обязательно так же". Все сами что-то там додумали )))

0

57

Romych написал(а):

Все сами что-то там додумали )))

ВПЕЧАТЛИЛИСЬ! :'D

0

58

Arakhen написал(а):
Romych написал(а):

Все сами что-то там додумали )))

ВПЕЧАТЛИЛИСЬ! :'D

и испугались, что @kozhilya ща все на доделывание отправит... мне лично уже не терпится поглядеть на новые поля общения, так что я за то, чтоб их делать попроще, без авториззации. :)

сама в процессе геморройной работы. но как только освобожусь, отпишусь по текстам в описаниях.

+1

59

Герда написал(а):

и испугались, что @kozhilya ща все на доделывание отправит...

Хе-хе, не, как я уже сказал, подобную авторизацию я делать просто пас. Там реально гора проблем :D
А на доделывании оно у меня уже и так. Было почти готово, но потом я понял, что то, что я предложил в прошлый раз очень красиво в админке, но когда дело дошло до программирования логики... Я укопался так, что потерял суть происходящего, так что решил немного откатиться и исправить перегруз по логике.

Герда написал(а):

мне казалось, в этом топике уже пришли ко мнению, что список контактов должен управляться админом форума, а не навязываться движком.

Собственно, это я и делаю :)
Но так же делаю преднастройки (ака пресеты) с основными сетями (ВК, Телеграм, Почта, дальше пока хз), что бы упростить жизнь тем, кто плохо понимает регулярки :D

+3

60

Новость-спойлер: Новые настраиваемые поля для контактов на форумах MyBB
Обновление пока что тестируется, но скоро появится на форумах.

Появится возможность добавление своих настраиваемых дополнительных полей:
[html]<style>
.prev .postimg {
    max-width: 300px !important;
}
</style>
<div class="prev" id="block-140704-1"><p style="text-align:center;"><img class="postimg" loading="lazy" src="http://forumupload.ru/uploads/0007/e3/f7/2/547652.png" alt="http://forumupload.ru/uploads/0007/e3/f7/2/547652.png" style="cursor: zoom-in;"> <img class="postimg" loading="lazy" src="http://forumupload.ru/uploads/0007/e3/f7/2/232699.jpg" alt="http://forumupload.ru/uploads/0007/e3/f7/2/232699.jpg"></p></div>[/html]
В преднастройки добавлены пресеты современных мессанджеров и соцсетей.

[html]<style>
.prev .postimg {
    max-width: 300px !important;
}
</style>
<div class="prev" id="block-140704-2"><p style="text-align:center;"><img class="postimg" loading="lazy" src="http://forumupload.ru/uploads/0007/e3/f7/2/689501.jpg" alt="http://forumupload.ru/uploads/0007/e3/f7/2/689501.jpg" style="cursor: zoom-in;"> <img class="postimg" loading="lazy" src="http://forumupload.ru/uploads/0007/e3/f7/2/258331.png" alt="http://forumupload.ru/uploads/0007/e3/f7/2/258331.png"></p></div>[/html]
Новые поля могут выводиться как в профиле под аватаром, так и в ссылках рядом с "профиль", "лс", "e-mail".
Есть опция вообще не выводить их в сообщениях, тогда будут только на странице профиля пользователя.

На ЭТОМ форуме (и бета-тестовых) доступны Контакты уже сейчас. Вы можете помочь в тестировании. Пробуйте, пишите о проблемах здесь.
[html]<style>
.prev .postimg {
    max-width: 300px !important;
}
</style>
<div class="prev" id="block-140704-3"><p style="text-align:center;"><img class="postimg" loading="lazy" src="http://forumupload.ru/uploads/0007/e3/f7/2/690629.png" alt="http://forumupload.ru/uploads/0007/e3/f7/2/690629.png" style="cursor: zoom-in;"></p></div>[/html]

Разработчик настроек kozhilya

+4


Вы здесь » Единый форум поддержки » Сделаем сервис лучше » [реализовано] Новые поля контактов. (Бывшие Профиль > общения)