С самой авторизацией проблем нет. А вот с размещением нескольких виджетов авторизации на 1-й страниц — есть.
body < display: flex; flex-direction: column; >.wrap
TestSite TestSite 2
Как видите, скрипт отработал только в 1 месте. Как установить виджет в разных местах страницы? Ссылка на виджет — https://core.telegram.org/widgets/login
Отслеживать
задан 16 окт 2018 в 9:12
6,751 1 1 золотой знак 20 20 серебряных знаков 57 57 бронзовых знаков
ты же понимаешь, что просто подключил библиотеку виджета дважды?
16 окт 2018 в 9:39
16 окт 2018 в 9:41
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Придумал вот такой костыль: Отслеживаю изменения DOM-дерева в целевом объекте (там добавляется iframe). Клонирую этот iframe и вставляю в любое место страницы
const target = document.getElementById(‘one’); const mutationConfig = < childList: true, subtree: true, characterData: true, >const observer = new MutationObserver(function(mutations)< const elem = mutations[0].addedNodes[0] appendTG(elem) >); observer.observe(target, mutationConfig) function appendTG(elem)
body < display: flex; flex-direction: column; >.wrap
Test Test 2
Источник: ru.stackoverflow.com
[Бот телеграм] Виджет Telegram на сайт.
Мессенджеры и соцсети
Отображение виджетов мессенджеров на вашем сайте позволит клиентам выбирать самый удобный способ для связи. Показывайте один из нескольких виджетов или комбинируйте их с помощью Мультикнопки.
Расположение
Подключение мессенджеров происходит в меню «Продукты — Мессенджеры и соцсети».
В открывшемся окне вы сможете посмотреть уже созданные виджеты мессенджеров, их активность, редактировать их или создать новый.
Подробнее о списке виджетов в статье: Список виджетов.
По нажатию на кнопку «Добавить виджет» вам станут доступны на выбор следующие виджеты:
Клик по любому из них откроет окно настройки виджета.
Настройка мессенджеров
Настройки
В начале экрана вы увидите поле названия виджета — вы можете указать любое, удобное вам. Именно под этим названием виджет будет доступен в списке созданных виджетов.
Следом идет настройка страницы, с которой будет инициироваться диалог или выбор чата. Подробнее о настройке с каждым мессенджером ниже:
Установка Telegram кнопки-виджета на веб-сайте. БЕСПЛАТНО [#Полезное]
WA.me: Прямая связь — функция в WhatsApp, которая позволяет начать чат с человеком, номер которого не сохранен в адресной книге вашего телефона, с помощью ссылки вида https://wa.me/ или https://wa.me/. Функция «Прямая связь» работает на телефоне и в WhatsApp Web.
Введите номер телефона, либо установите чекбокс «Бизнес-аккаунт» для ввода адреса вашего бизнес-аккаунта. В процессе ввода будет отображаться сформированная ссылка, при переходе по которой произойдет переадресация в чат.
При активации «текстовое сообщение», появится окно для ввода текста.
У Вас есть 2 возможности:
1. Вы можете указать информационное сообщение для клиента.
Данный текст появится в сообщении у клиента и он сможет набирать свое сообщение после этого текста или же в другом сообщении.
В личном кабинете зафиксируется только клик.
Необходимо будет составить текст так, что бы клиент не удалил его, а отправил. И всегда быть готовым к тому, что пользователь может его удалить.
«Заявка № с сайта . Просьба не удалять данную строку, она необходимо для быстрого поиска вашего обращения»
Как это работает:
Клик клиента на виджет WhatsApp откроет диалог в WhatsApp с текстом. После его отправки в личном кабинете Calltouch будет зафиксирована заявка с источником и контактными данными клиента (номер телефона, ФИО-если указана данная информация в WhatsApp), а в WhatsApp будет передана информация о сессии.
M.me — это сервис коротких URL от Facebook, который перенаправляет пользователей на человека, страницу или бот в Messenger. Ссылка имеет формат http://m.me/amp;amp;lt;PAGE_NAMEamp;amp;gt;, где PAGE_NAME — это идентификатор страницы Facebook, к которой привязан Messenger. Например, http://m.me/Calltouch.
Введите адрес страницы в соответствующее поле для формирования ссылки, при переходе по которой произойдет переадресация в чат. Клик клиента на виджет Facebook откроет диалог в Facebook Messenger с введенным идентификатором страницы.
Facebook в России признан экстремистской организацией.
Telegram
Используя возможности Telegram, вы можете размещать прямую ссылку для переадресации в чат Telegram. Эта ссылка имеет вид tg://resolve?domain=username , например tg://resolve?domain=blogcalltouch .
Введите логин пользователя Telegram (username) в соответствующее поле для формирования ссылки, при переходе по которой произойдет переадресация в чат. Клик клиента на виджет Telegram откроет диалог в мессенджере с введенным логином пользователя.
VK
Используя возможности VK, вы можете размещать прямую ссылку для связи с группой ВКонтакте. Эта ссылка имеет вид https://vk.me/amp;lt;адрес страницы> , например https://vk.me/calltouch . Введите адрес страницы для формирования ссылки, при переходе по которой произойдет переадресация в чат.
В конце окна настроек вы можете найти график показа виджета. Вы можете выбрать часовой пояс и время и дату показа виджета. Виджет будет показываться только в то время, которое отмечено знаком плюса. На скриншоте ниже виджет будет показываться круглосуточно, так как выбраны все часы и все дни недели:
Viber
Вы можете использовать ссылку для переадресации в Viber, она может быть двух видов — для переадресации в чат с человеком, номер которого не сохранен в адресной книге вашего телефона, и в чат публичного аккаунта компании.
Для переадресации в личный чат используйте номер телефона абонента 79001231122, без скобок и тире.
Для переадресации в публичный аккаунт компании используйте URI бота Viber.