Хештеги на uCoz как в Твиттере

12013-11-22851217Денис Абдуллин

Как сделать хэштеги на uCoz как в Твиттере, ВКонтакте или Facebook? Используя скрипт на этой странице, Вы сможете прямо в новостях своего сайта использовать хэштеги, ставя перед словом значок # или @.

Хэштег или хештег – это слово или фраза, перед которой стоит символ решетки (#). С помощью хэштегов пользователи делят сообщения на темы или типы.

Сегодня хэштеги используются практически во всех социальных сетях, таких как Твиттер, ВКонтакте, Google+, Instagram, Facebook, YouTube, Tumblr и т.д. Изначально хэштеги появились в сетях IRC. Позже они появились в Твиттере, стали популярными в 2007 году во время лесных пожаров в Сан-Диего.

Установка

Следующий код вставьте перед закрывающимся тегом </body>

Код

Текст, в котором должны быть распознаны хэштеги с помощью JavaScript обрените в DIV с классом hashLinks:

Код

<div class="hashLinks">
Здесь основной контент, в котором слова, начинающиеся с #тег или @user будут заменяться ссылками, как на скриншоте.
</div>

Возможно, Вам еще понадобится шаблон Твиттера на HTML.

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!

Комментарии (17)

Порядок вывода комментариев:

anquietas 2015-10-02 в 20:44 / МатериалСпам

http://yraaa.ru/forum/7-963-1

Kempo 2014-11-13 в 13:47 / МатериалСпам

Вставил, все работает, по почему то тег в поиске не верно отображается, точнее "#Новость" он в поисковой строке так и пишет "/search/#Новость" хотя правильно было бы "/search/Новость"
Помогите

Алексей 2015-09-26 в 13:11 / МатериалСпам

В этом скрипте если Вы поставите на форум не будет работать то что находится под спойлером к сожалению и выдаст так http://2.firepic.org/2/images/2015-09/26/vq5fz9j7gz30.png.Так что с данным скриптом работать и работать еще приходится

Fox 2014-02-16 в 22:18 / Материал

Неплохо и кода мало

Name Name 2014-02-13 в 19:25 / Материал

Работает, проверено:)

BT 2013-12-28 в 14:13 / Материал

Спасибо огромное,очень помогло (+)

-1

Маслов Алексей 2013-12-03 в 20:10 / МатериалСпам

RuleZ-DM, в скрипте просто уберите @, и у Вас , будет переходить по ссылке без @. Хотя отображаться будет @RuleZ-DM

-2

Денис Мехедов 2013-12-01 в 20:21 / МатериалСпам

Скрипт очень интересный, но вот в чём загвоздка, скрипт нельзя использовать одновременно на странице контента, в комментариях и в самом контенте, что-то одно или два одинаковых скрипта но с разными классами из-за чеге возрастает вес страницы.

И если с хештегом (#) всё понятно это поисковые слова работающие с поиском uCoz как положено, то вот с собакой (@) не понятна мне ситуация, напишет пользователь в комментариях или в новостях @RuleZ-DM, а скрипт с генерирует ссылку на профиль /index/8-0-@RuleZ-DM

а такая ссылка на профиль пользователя не правильна, смысл делать @