IT-инфраструктура для бизнеса и творчества

Статья удалена

Этот материал был удалён по просьбе автора.

{ "author_name": "Санитарный бас", "author_type": "self", "tags": [], "comments": 57, "likes": 59, "favorites": 190, "is_advertisement": false, "subsite_label": "dev", "id": 198939, "is_wide": true, "is_ugc": true, "date": "Thu, 21 Jan 2021 03:33:26 +0300", "is_special": false }
(function () { let cdnUrl = `https://specialsf378ef5-a.akamaihd.net/SelectelBranding/images/` let previousArticleNumber = null let currentArticleNumber = 0 let platform = 'Desktop' let articles = [ // { // name: 'camera', // url: `${cdnUrl}CameraCat`, // text: 'умную камеру для\u00A0наблюдения за\u00A0котиками', // link: '1', // }, { name: 'chill', url: `${cdnUrl}ChillCat`, text: 'трекер, который подскажет, когда пора отдохнуть', link: 'https://vc.ru/promo/288561-eye-tracker', }, // { // name: 'cloud', // url: `${cdnUrl}CloudCat`, // text: 'котика: даёшь ему «пять», а\u00A0он делает бэкап в облако', // link: '3', // } ] let buttonCycle = document.querySelector('.button--cycle') let textField = document.querySelector('.selectel-footer-subtitle') let imageAgent = document.querySelector('.image--agent') let banner = document.querySelector('.selectel-footer') buttonCycle.addEventListener('click', cycleClick) let media = window.matchMedia("(max-width: 570px)") media.addEventListener('change', matchMedia) function matchMedia() { if (media.matches) { platform = 'Mobile' } else { platform = 'Desktop' } update() } matchMedia() function cycleClick(event) { if (event) { event.preventDefault() event.stopPropagation() } window.open('https://vc.ru/tag/selectelDIY', '_blank') //cycle(event) } function cycle(event) { // incrementArticleNumber() textField.innerHTML = generatedText() imageAgent.src = articles[currentArticleNumber].url + platform + '.svg?5' imageAgent.setAttribute("class", "") imageAgent.classList.add('image--agent', articles[currentArticleNumber].name) banner.href = articles[currentArticleNumber].link } function update() { banner.href = articles[currentArticleNumber].link imageAgent.src = articles[currentArticleNumber].url + platform + '.svg?5' textField.innerHTML = generatedText() } function incrementArticleNumber() { previousArticleNumber = currentArticleNumber if (currentArticleNumber >= articles.length - 1) { currentArticleNumber = 0 } else { currentArticleNumber++ } } function generatedText() { let defaultText if (platform === 'Desktop') { defaultText = `Мы тут собрали %text%. Хотите почитать?` } else { defaultText = `Мы тут собрали %text%.` } return defaultText.replace('%text%', articles[currentArticleNumber].text) } function getRandom(min, max) { min = Math.ceil(min) max = Math.floor(max) return Math.floor(Math.random() * (max - min + 1)) + min } (function create() { currentArticleNumber = getRandom(0, articles.length - 1) cycle() let page = document.querySelector('.page--entry') if (page) { function insertAfter() { let parents = page.querySelectorAll('[data-id="7"]') let referenceNode = parents[0] referenceNode.parentNode.insertBefore(banner, referenceNode.nextSibling); loaded() } setTimeout(() => insertAfter(), 0) } }()) function loaded() { banner.classList.add('loaded') } loadImages([ `${cdnUrl}CameraCatDesktop.svg`, `${cdnUrl}ChillCatDesktop.svg`, `${cdnUrl}CloudCatDesktop.svg`, `${cdnUrl}CameraCatMobile.svg`, `${cdnUrl}ChillCatMobile.svg`, `${cdnUrl}CloudCatMobile.svg`, ]) function loadImages(urls) { return Promise.all(urls.map(function (url) { return new Promise(function (resolve) { var img = document.createElement('img'); img.onload = resolve; img.onerror = resolve; img.src = url; }); })); } }())
0
57 комментариев
Популярные
По порядку
Написать комментарий...
7

Комментарий удален по просьбе пользователя

Ответить
1

Я как раз один из установивших. Спасибо за интересную идею и толковую реализацию.Если прикрутить к этому возможность выбора курса (фразовые глаголы, в аэропорту.... и т.д.) и возможность повторять пройденные темы - вполне можно монетизировать

Ответить
0

Установка бота же делается 1 кликом?
А конверсия в регулярное использование?

Ответить
1

Комментарий удален по просьбе пользователя

Ответить
4

Мне понравилось

Ответить
2

Мне тоже

Ответить
3

Идея интересная, но не нова - тот же авиасейлс подписку на билеты в телеге осуществляет так же (по крайней мере раньше) - из бота по кнопке открывается страница во встроенном браузере, сессии привязываются видимо так же, по chat_id.

Но в целом, имхо, то же реакт-приложение, которое бот открывает в браузере, можно завернуть в pwa и устанавливать на рабочий стол как нативное. Разве что на iOS не будет пушей.

Либо через webview заворачивать в нативное приложение. Будет более «бесшовное» взаимодействие)

Ответить
2

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

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

а так симпотично.

Ответить
2

Поскольку интернет-страницы в Telegram открываются во встроенном браузере

и это тоже не всегда правда. От настроек зависит. От webview. Его тоже настроить можно. Или убить вовсе. Может вызывать гемор

Ответить
2

Статью плюсанул. Спасибо!
Пример для склада ставлю под сомнение - как сканировать, как браузер будет цепляться к сканеру?
Ещё вопросы:
Пыху использовали, потому что знали или они ещё используется?
Зачем в боте 100 кода, если там всего пара кнопок? Логика сохранения состояния в нём, а не веб-приложении?

Ответить
1

Комментарий удален по просьбе пользователя

Ответить
1

Камера телефона для сканирования - это нерабочий кейс для большого и среднего складов, т.к. по времени задержки суммарные будут большие. Лазеры же. Но я лет 5 не слежу, могу соврать)

Ответить
4

Комментарий удален по просьбе пользователя

Ответить
1

Реализация крутая, спасибо. И тётя в видео тоже. У меня возникла лишь одна проблема: в настройках телеграма(android) я указал открывать ссылки в браузере. Закрыв вкладку браузера я ожидал, что это как-то отобразится внутри чата с ботом, но похоже я ошибся с этой фичей.

Каждое задание веселее другого )))
Вот почитайте:
"У меня пропадал интернет минут на пять, так что я пообщался с родственниками. Кажется, они неплохие люди!"

Ответить
1

Комментарий удален по просьбе пользователя

Ответить
1

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

Ответить
0

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

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

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

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

Хотите просто easy way авторизацию на сайте? Ну так генерируйте случайный хэш с солью в виде отметки времени и User agent'а. И используйте LocalStorage. Зачем вам вообще телеграм бот, если они такие не удобные?

Во вторых, не удобных или не удобных инструментов. Есть маркетинг, потребности пользователей, цепочка конверсий. Нравится вашим пользователям телеграм - даём им бота, нравится сайт - делаем сайт. Нравится мобилка - делаем мобилку. Десктоп приложение - пилим его. Вопрос не в том, что удобно или не удобно. Вопрос в том, где ваши пользователи и где идут продажи.

Ответить
2

Комментарий удален по просьбе пользователя

Ответить
0

Хорошая идея. Есть так же ещё PWA технология.
зы: Сам использую в своём проекте интегрированную связку website + telegram bot. Проект на django, там бот выступает как разновидность одного из view, делает немного больше но в резульате так же ведет на сайт.
Весь код, db и прочее общее.

Ответить
1

Комментарий удален по просьбе пользователя

Ответить
0

отличный подход , мы как раз работаем над pwa и связать его с телегой хорошая идея , на счет хостинга рекомендую firebase hosting + custom domain с SSL.

Ответить
1

Комментарий удален по просьбе пользователя

Ответить
–1

У меня не взлетело, браузер открылся с сообщением:
In Browser: Error: There is no passage with the ID or name "Launch"

Ответить
1

Комментарий удален по просьбе пользователя

Ответить
0

заметка по реализации: вместо выдачи ссылки в чат,
при клике по кнопке лучше сразу отрывать ссылку.

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
1

это возможно, возвращается custom keyboard с копкой:
kbButtonsHelp = (
{
  'text': "Create Profile",
  'url': "https://www.recruitcoders.com";, },
)

Реализация в моём боте: https://t.me/recruitcodersbot
команда /help дополенена кнопкой на сайт.

docs: https://core.telegram.org/bots/api#inlinekeyboardbutton

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

Сертификат безопасности прикрутить забыли...

Ответить
0

Комментарий удален по просьбе пользователя

Ответить

Принудительный американец

0

Интересно, спасибо!

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

А есть возможность посмотреть проект на гитхабе? 

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

 Обычное React-приложение, которое запускается из бота с идентификатором chat.id

Я так понимаю, о безопасности и речи не идёт?

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

Боты и эргономика на сегодняшний день не очень совместимые понятия

Ответить
0

Не рассматривали в качестве базы данных Google Sheets, а в качестве сервера web-приложений - опубликованный как web app проект на Google Apps Script?

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

Если вы поднимаете react приложение, то зачем вам вообще нужен бот? 

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

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

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

В родном клиенте для телеграмм, который скачал в Google Play, открывается ссылка в браузере который установлен по умолчанию, на данный момент Опера, но установлю другой, будет в другом. Так было всегда, устройство работает на базе андроид 10, да и раньше так же было на предыдущих версиях. Может телефон особенный) сейчас заметил что говорите только об двух видах устройств iOS и Desktop. Возможно в статье было об этом написано, дочитал только до примера, стало не интересно потому что у меня это не сработало. Хотя идея довольно неплохая. Если бы это как-то сделать чтобы была кнопка с молнией, такие ссылки всегда открываются внутри приложения, так понимаю это быстрый просмотр для чтения статей. 

Ответить
0

Это Instant View, он только для статей)
А в встроенном браузере, судя по всему, открывается только на iOS

Ответить
0

эх, я-то понадеялся, что все-таки можно сделать тип веб приложение =)

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

отправляет push сообщение через бот? 

Ответить
0

Комментарий удален по просьбе пользователя

Ответить

Длительный яд

0

Самое веб-приложение неплохое, соглашусь, даже немного поигрался, но в таком виде ТГ - это просто прокладка, при чем в случае с рекламой приложения это может быть лишнее звено, которое просто уменьшит CR.

Если бы в боте не выбрасывалась ссылка, а при нажатии на кнопку Open открывалось окно с приложением, было бы лучше, но я не уверен с возможность реализации со стороны ТГ.

В целом круто, не ресерчил, но можно продвигать приложение в массы.

Ответить
0

Комментарий добавлен по просьбе пользователя.

Ответить
–1

Автор молодец! И идея хорошая и реализация классная!

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
Читать все 57 комментариев
«Яндекс» разместил свой постамат под моей квартирой

Я живу на первом этаже многоквартирного дома. На цокольном этаже (подвал), под моей квартирой, под спальной комнатой, установили постамат Яндекса:

31 380 минут сэкономленных нашими пользователями для себя и близких

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

Задача по поиску заводчиков белых питонов. Турбо-ассистент
Дайджест новостей Сбера: AR-экскурсия, распознавание животных и премия для учёных

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

Как сделать сервис для самозанятых

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

Что может быть важнее прибыли. ESG-словарь для инвестора

В 2020–2021 гг. резко возросла популярность темы ответственного инвестирования, или ESG. Идея о том, что инвестиции должны не только приносить прибыль, но и поддерживать экологию и социальную справедливость, привела к тому, что ESG-фонды стали играть значимую роль на мировых рынках капитала.

Конференция GoGlobal! соберет ведущих маркетологов

29 сентября 2021 года впервые состоится GoGlobal! — однодневная онлайн-конференция для маркетологов, заинтересованных в ускорении глобального присутствия своих кампаний.

Последняя буква алфавита: откликаясь на вакансии Яндекса, запаситесь терпением

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

Как наша проблема стала нашим хобби, профессией и источником заработка

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

Спикеромания. От обещания золотых гор, до надувательства. Как развивается рынок онлайн-образования

Онлайн-образование в России - бездонный рынок. Большинство экспертов сходиться во мнении, что рост рынка в 2020 году составил 30-35%, в 2021 год рынок вырос еще на 35-40%. Такого бума нет не в одном другом сегменте. Стремление населения к образованию – отличный тренд. Но так ли всё гладко?

«Вам звонок из Циан»: зачем компания скупает номера телефонов и как call-tracking помогает клиентам сервиса

Подменные номера телефонов защищают от нежелательных звонков и упрощают аналитику продаж

null