КАК ДОБАВИТЬ АВАТАРКУ
В МИНИ-ПРИЛОЖЕНИЕ ОТ PUZZLEBOT
Аватарка сделает бот более личным! Пользователи будут видеть свое фото в личном кабинете. Это повысит вовлеченность.
Инструкция
Сначала настроим переменную, которая извлекает изображение аватарки из Telegram подписчика. Для этого перейдем во вкладку "Переменные".
Укажем параметры переменной, как в примере:



  1. Создаем персональную переменную
  2. Выбираем вариант "Интегрированный"
  3. Тип интеграции оставляем как есть - "HTTP запрос"
  4. Формат значения тоже не меняем - "Текст"
  5. В ссылку JSON помещаем текст:

https://api.telegram.org/bot<TOKEN из ботфазера>/getUserProfilePhotos

Токен берем из бота @BotFather

6. Тип запроса оставляем "GET"






7. Кликаем "Добавить параметр"
8. Вписываем ключ user_id и значение {{USER_ID_TEXT}}
9. Добавляем второй параметр и вписываем ключ limit и значение 1

Значение: 1 — этот параметр ограничивает количество запрашиваемых аватарок, 1 это одна последняя.



10. Нажимаем "Проверить запрос"
11. Если все хорошо, в ответе появятся варианты для выбора. Выбрать нужно именно то, что показано на скриншоте
Далее переходим в любое мини-приложение:



Добавляем блок HTML код.

На данный момент это единственный способ отображать картинку через переменную в мини-приложении.


В блок HTML пишем текст по примеру:

<img src="{{LINK_BY_FILE_ID}}{{AVATAR_PHOTO}}" style="width: 100%" onerror="this.src='URL_заглушки';">

Жирным выделено то, что меняем.

Заглушка будет выводиться в случае, если у подписчика нет аватарки.

AVATAR_PHOTO - название созданной ранее переменной
URL_заглушки - прямая ссылка на файл, внутри или вне сервиса PuzzleBot

Прямую ссылку внутри сервиса можно узнать, если загрузить изображение в бот через /cp, далее через вкладку Диалоги кликнуть на изображение.
Ира, а почему нельзя просто взять системную переменную {{USER_AVATAR_URL}} ?

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

Ну вот и все, с котьей помощью))

Отдельное спасибо разработчикам:
Антону @bertish_zog, Евгению @Alexashin и Наталье @B0gdanka, благодаря инициативе которой этот урок стал возможен

Ирина Захарова
Разработчик ботов
Made on
Tilda