Как поставить виджет телеграмм на сайт?

Всем привет, дорогие друзья и читатели блога koskomp.ru. Я тут сейчас вплотную изучаю телеграмм. Штука очень классная и интересная, но я даже и не думал, что я так займусь ее изучением. Поэтому некоторые моменты при работе с мессенджером я бы хотел освещать прямо у себя на блоге. И вот сегодня, в режиме реального времени, я буду ставить виджет телеграмма на сайт. Я думаю, что данная тема будет интересна людям, у которых есть свои ресурсы и которые ведут свой канал.

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

Зайдите на сайт [urlspan]tgwidget.com[/urlspan]. Сразу же на главной странице вы увидите примеры готовых виджетов telegram для сайта. Поэтому вы сразу можете присмотреть себе любое из этих решений. Но для начала нам всё таки нужно зарегистрироваться в проекте. Для этого нажмите на кнопку «Установить себе виджет на сайт». А дальше заполняйте стандартную форму регистрации (почта и пароль). Подтверждать ничего не нужно, можете пользоваться сразу.

Пока у нас ничего нет, поэтому мы должны должны создать новый проект, а именно адрес вашего канала. Например, в моем случае я буду писать @koskomp. У вас же будет свой адрес. Введите имя и нажмите «Добавить». После этого вам высветится зеленая надпись об успешном добавлении.

Теперь жмем на меню «Личный кабинет» и идем в настройки созданного проекта (нажмите на шестеренку). Здесь особо менять ничего не нужно. Единственное, можно поставить галочку, если вы не хотите, чтобы виджет не отображал количество подписчиков, что я собственно и сделал, пока не наберется более менее нормальное количество подписчиков. Не забываем сохранить изменения.

Теперь снова идем в «Личный кабинет», но на сей раз жмем на значок кода, те на две угловые скобки со слешем внутри. А дальше вам нужно выбрать, какой из типов виджета вы хотите. Я решил взять номер 2, который отображает последнее сообщение. Я счел это наиболее интересным вариантом. Единственное, чтобы он отображал последние сообщения, надо оформить подписку в размере 150 рублей. Но это не страшно. Быть может потом и бесплатная версия появится.

Есть еще один нюанс. Вам придется самому подгонять ширину и высоту телеграмм виджета. Найдите в коде элементы width (длина) и height (высота). Вы можете задать как абсолютную, так и относительную величину. Лично я ставил эту штуку в сайдбар, поэтому оставил величину 100% по умолчанию, дабы она занимала всю ширину сайдбара. А вот высота в 540 пикселей мне показалась перебором, поэтому я уменьшил ее до 250, чтобы не занимать много лишнего места.

После этих правок вам нужно будет скопировать данный код в то место, где вы хотите его видеть. В большинстве случаев на сайтах wordpress это делается через виджеты, поддерживающие PHP коды, но в моем случае это не прокатит, так как я верстальщик, когда натягивал мой сайт, исключил возможность пользоваться встроенными виджетами, поэтому я делаю все через код, как показано на рисунке.

Но в любом случае, после сохранения документа и сбросе кэша, у вас в сайдбаре появится заветный виджет, где будет отображаться название вашего канала, количество подписчиков (по желанию), кнопка подписки (pависит от формы), последние сообщения на канале (обновляется раз в 2 часа) и т.д.

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

А на этом у меня всё. Надеюсь, что моя сегодняшняя статья вам понравилась, поэтому обязательно подписывайтесь на мой блог, и все социальные сети, включая ютуб. Жду вас снова. Пока-пока!

С уважением, Дмитрий Костин.