Web

Про запрет автопродления подписок

graker — Thu, 10 Jul 2025 14:09:00 +0000

Увидел тут хорошую новость про запрет автопродления подписок.

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

Когда-то давно меня интересовал вопрос учёта моих денег. Разочаровавшись в готовых решениях я взял и написал свое (laravel + angular.js). Основная претензия была — все решения, что мне попадались, заставляли яростно вбивать траты, это была основная (или даже единственная) механика учета. Вбивать, что куда я потратил вчера, чтобы потом увидеть общие суммы. А я и так знаю, что потратил вчера, и общую сумму в уме посчитать могу, мне хотелось бы видеть, что я потрачу завтра.

Ну и в общем написал на коленке сервис планирования бюджетов. С рекуррентностью, планированием и возможностью самому определить уровень детализации. Никуда этот сервис не продвигал, пользовалось несколько человек, на главной висела надпись что идет тестирование, invite-only, и почта для вопросов. А назвал я его Budget Bear и домен купил budget-bear . com. Недорого было.

Название придумано в честь шутки из Flight of the Conchords: Let's go to a cheap zoo and watch budget bears (пойдём в дешёвый зоопарк смотреть бюджетных медведей). Что означает — пойдём смотреть на хомячков у витрины зоомагазина.

Но со временем, пока мой сервис висел и никому не отсвечивал, какие-то британские деятели сделали похожее решение и назвали его так же. И подвесили на такой же домен в другой зоне. И у них была такая фигня — подписка с автоплатежом. Причем автоплатеж был на грани скама: юзеры получали месяц подписки на сервис как подарок за что-то там, но в процессе получения подарка каким-то образом вбивали карту, и сами того не зная уже были обречены платить дальше.

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

Первым N написавшим я как-то объяснил, что они ошиблись и куда им надо писать. Но потом конечно немного задрало и домен я прибил, тем более что использовать его всерьез особо и не собирался.

А ведь будь у этих хитровыделанных бритов нормальная отмена подписки — может и не пришлось бы. Так что, хорошая новость.

Как сделать Telegram Instant View на своем сайте

graker — Sat, 14 Jun 2025 15:45:00 +0000

Сегодня был хороший день, чтобы наконец сделать на домовой странице телеграмовский Instant View. И я сделал.

Поначалу всё казалось просто. Выяснил, что нужно пройти на https://instantview.telegram.org/ и там добавить темплейт, вырезающий из html-кода страницы со статьей самое главное. Вот пример моего темплейта для Graker.ru — указываем шаблон пути к подходящим страницам, тег, содержащий всю статью целиком, тег с заголовком, с текстом, и дату публикации.

?path: /news/.+

$main: //div[@class="post post-wrapper"]

title: $main//h1[1]
body: //div[@class="post-body"]

published_date: //div[@class="date"]

Этого достаточно, чтобы сделать instant view вручную, а именно — добавить страницу в список страниц для своего шаблона в My Templates. После чего появится ссылка «View in Telegram», вставив которую в свой канал можно получить на мобильниках Instant View.

Однако это во-первых придется делать вручную для каждой статьи. И во-вторых, при просмотре не с мобильника, а через веб-версию или десктопное приложение, ссылка будет работать странно. В вебке вообще не открываться, а в приложении — открываться через предупреждение что это «ссылка для тестирования instant view». Что как-то не солидно выглядит.

Хотелось бы конечно получить автоматическую генерацию Instant View, как у телетайпа например. В правилах подачи шаблонов сказано, что нужно добавить не менее 10 статей и отправить темплейт на проверку. Я это сделал месяц назад где-то, тишина. При этом последнее обновление в сервисе было лет пять назад, и непонятно, работает ли он сейчас вообще.

Погуглил на эту тему, и оказалось, что таки да, сервис видимо не работает. Люди постят темплейты и годами их не добавляют. Однако где наша не пропадала. Эти же люди обнаружили, что можно внаглую использовать темплейт того же телетайпа (teletype.in). Для этого нужно страницу, просматриваемую ботом, привести к шаблону телетайпа, а также рендерить на странице мета-тег tg:site-verification с указанием айдишника телетайпа. Тогда Instant View будет формироваться для произвольного сайта. При простой вставке ссылки, без всяких режимов тестирования через /iv?url=.

Вот шаблон, в соответствие которому надо привести страницу: gist

И несколько моих комментариев:

Предположительно, все незакомментированные теги должны быть, хотя я и закомментированные добавил.
В шаблоне говорится про ключ верификации, что @content could be empty, но в данный момент это не так. Проверил с указанием ключа и с пустым атрибутом без ключа. С ключом работает, без — нет.
Разметка статьи довольно простая (body → div → article → содержимое), может показаться, что нужно чтобы была только такая разметка и больше ничего. Но это не так. Я обернул в <div class="article"><article class="article__content"></div></article> иллюстрацию и контент заметки, но между body и этим дивом у меня еще несколько оберток и телеграм это не волнует. Можете посмотреть в коде любой заметки здесь, я сделал разметку безусловной, поскольку добавление этих тегов ничего не поменяло.
Также заметил, что нельзя оставлять внутри article заголовок, дату, теги — тогда бот сбоит и instant view не генерирует.

В подтверждение публикую ссылку на эту заметку в канал https://t.me/graker_coding. Должна превратиться в instant view.

Куки-баннер по-быстрому

graker — Sun, 01 Jun 2025 15:35:00 +0000

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

Баннер совместим с Bootstrap 5 и почти совместим с Bootstrap 4 (нужно только скопировать стили для .fixed-bottom и явным образом задать цвет бэкграунда).

Судя по различным источникам, реальных манипуляций с куками в зависимости от ответа пользователя делать не нужно, во всяком случае пока. Хранить в табличке каждый факт пользовательского согласия с возможностью отозвать — тоже. Так что баннер просто рассказывает, что у нас тут на сайте куки есть, и по кнопке «Согласен» сохраняет факт нажатия в куку. Что позволяет еще год не показывать этот баннер. Ну и ссылку на политику обработки персональных данных даёт.

Выглядит примерно вот так:

Код почти целиком написан чатом жопотэ — сейчас бы еще самому кодить во имя такой благородной цели. Так что я лишь внес одно небольшое уточнение.

Комментарии на сайте отключены

graker — Sat, 31 May 2025 11:20:00 +0000

Когда-то домовая страница мигрировала с Drupal на OctoberCMS, и в ходе данной миграции все нативные комментарии были импортированы в Disqus. И в целом это было клёво, меньше суеты с отловом ботов и удалением спама, премодерация удобная, регистрация не нужна и все такое.

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

В общем, всем кто писал, обсуждал, говорил спасибо за те или иные штуки, или говорил что-то другое — вам всем самим огромное спасибо за участие! Заметки обсуждать по-прежнему будет можно: прямо там, где были комментарии, написано где. Заходите в телеграм, или другие соцсети. Там и спишемся!

P.S. Чуть позже поделюсь кодом для куки-предупреждения, если кому еще надо.

GDPR и бережное хранение персональных данных

graker — Tue, 13 May 2025 10:45:00 +0000

Сейчас много обсуждают, как срочно надо отправить уведомление об обработке персональных данных в Роскомнадзор, какой толщины создать папку документов на страже этих данных, какую форму согласия подвесить на сайт, и нужно ли отключать с него Гугл-аналитику. Для разнообразия предлагаю ознакомиться, какие технические меры в связи с аналогичными регуляциями предпринимают в Евросоюзе. У них, как известно, есть свой GDPR, вот и посмотрим, с чем они его едят.

GDPR — это General Data Protection Regulation, то есть общий регламент защиты (персональных) данных, утверждённый в Евросоюзе.

Я около 7 лет работаю с иностранными проектами. С теми или иными проявлениями требований GDPR сталкивался на десятках сайтов. Набралось чем поделиться с позиции технического специалиста.

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

Продление услуги

graker — Sun, 15 Jul 2018 19:50:00 +0000

Интересный способ навязывания услуги. Берется что-нибудь ненужное — например защита whois-данных для доменов, зарегистрированных на юрлицо. В качестве «акции» дается годик бесплатной услуги. А через год приходят уведомления (хорошо еще приходят), что деньги на продление этой чудесной услуги зарезервированы. Услуга недорогая, если тебе не лень — иди, ищи, отменяй.

Я, правда, был возмущен, поэтому не лень — отменил.

Про рассылки

graker — Thu, 14 Jun 2018 12:40:00 +0000

Еще недавно каждый сайт, сервис и утюг норовил сообщить по почте, как здорово он подготовился к введению европейского GDPR. Что было удобно даже — можно было оптом от массы бесполезного отписаться. И срабатывало: отписали все. Не сдался только паб «Роза и корона» из окрестностей Лондона. Очень, видимо, хотят, чтобы я к ним зашел снова. Почему-то.

А теперь вот начинается чемпионат мира — и каждая едальня, каждый спортивный, или детский магазин, каждый, кто может нарисовать мяч, или хотя бы сказать вслух «футбол», сообщает мне о своей готовности к мероприятию. Имейлами, смсками, и даже пуш-апами.

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

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

Задрали, в общем, ваши рассылки. Пока писал эту заметку — еще два письма пришло. Караул.

Привет от Друпагеддона

graker — Fri, 17 Feb 2017 08:10:00 +0000

На днях принесли пару сайтов на восстановление — взлом, дефейс, рассылка спама, блокировка хостером. В общем, все прелести Друпагеддона (он же уязвимость SA-CORE-2014-005). Сайты сделали мы года 4 назад, версия у обоих так и осталась — Drupal 7.17.

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

Почистить сайты, когда файловую структуру Друпала помнишь наизусть, не очень трудно. Поудалял руками (бэкдоры в каждой второй папке), прибил левых юзеров, блоки и ноды в формате PHP, фильтр потом конечно отключил. Провел все обновления, на всякий случай прогнал через Hacked! и Drupalgeddon. Хотя конечно авторы последнего правильно говорят: в идеале надо не что-то там пытаться почистить, а брать бэкап от 14 октября 2014 года и восстанавливаться с него.

В целом процесс унылый и рутинный. Но вот что действительно порадовало, так это то что drush up протащил все модули и ядро с 7.17 на 7.54 — и ни разу не ругнулся, и ничего не поломал. Что лишний раз напоминает: Drupal — это, все-таки, хорошо.

Disqus и HTTPS

graker — Thu, 02 Feb 2017 09:45:00 +0000

На днях переводил оставшиеся сайты на HTTPS, в том числе перевод коснулся и домовой страницы. С Let's Encrypt это супер-просто, а в случае OctoberCMS даже .htaccess править не нужно — принудительный редирект сам заработает.

Без сюрпризов однако не обошлось. Оказывается, Disqus, на котором здесь работают комментарии, привязывает комментарии к полным урлам материалов. Включая протокол. В результате 50 комментов, ранее написанных к заметке, превращаются в 0 комментов к той же заметке, полученной по протоколу HTTPS. Зачем, почему — загадка. Это ведь, блин, одна и та же заметка, как ее ни грузи! Само собой, все комментарии на домовой странице моментально исчезли.

К счастью, проблему оказалось можно победить в полуручном режиме. В админке Disqus есть возможность отмаппировать урлы (Upload a URL map). Жмем туда, скачиваем все сохраненные урлы в CSV, открываем, добавляем второй столбец, в котором те же урлы, но уже с https. Сохраняем (обязательно с разделением запятой) и загружаем в обратно в дискас.

Дискас скажет, что будет обрабатывать файл до 24 часов, но на деле у меня уже минут через 15 все вернулось.

Микросовет — не указывайте протокол

graker — Fri, 11 Nov 2016 20:46:00 +0000

При вставке в HTML ассетов, например стилей или скриптов со сторонних ресурсов, имеет смысл воздержаться от указания протокола. Не все знают, но вместо

<link href='http://fonts.googleapis.com/...' rel='stylesheet' type='text/css'>

можно сделать вот так:

<link href='//fonts.googleapis.com/...' rel='stylesheet' type='text/css'>

Тогда протокол будет подставлен автоматически. Это пригодится в случае перехода на https и вредный Фаерфокс не будет показывать иконку «заблокировано небезопасное содержимое», если какой-нибудь шрифт грузится по http.

Adobe Assets

graker — Fri, 20 May 2016 22:33:06 +0000

Когда нет под рукой фотошопа, Gimp-а не хватает (тени плохо отображаются), а верстать надо — есть неплохой инструмент, Adobe Assets. Он и картинки из слоев нарезает, и CSS для текста, цвета, теней и скругленных уголков генерирует. Сам пользуюсь давно и с точки зрения «посмотреть как верстать» этот браузерный инструмент легко заменяет фотошоп.

Но блин, как же раздражает, когда в двух соседних вкладках открыты assets и верстаемый сайт, и ты нажимаешь «Обновить» не в той вкладке.

AngularJS и $scope.$apply()

graker — Mon, 06 Apr 2015 21:54:37 +0000

If you’ve written a non-trivial amount of code in AngularJS, you may have come across the $scope.$apply() method. On the surface, it may seem like just a method you call to get your bindings to update. But why does it exist? And when do you need to use it?
To really understand when to use $apply, it’s good to know exactly why we need to use it, so let’s dive in!
AngularJS and scope.$apply

Отличные разъяснения.

Laravel и AngularJS

graker — Mon, 09 Mar 2015 23:14:27 +0000

Изучаю всякое про прогрессивные технологии. Нашел вот туториал, не сохранить невозможно — хорошо и доходчиво излагает человек.
Create a Laravel and Angular Single Page Comment Application

Рынок труда веб-разработчиков

graker — Fri, 14 Mar 2014 18:53:10 +0000

В рамках исследования был проведен анализ почти 400 анкет представителей компаний из сегмента веб-разработок, а также проведен мониторинг популярности вакансий на крупных порталах по трудоустройству.
Мы уже не первый год регулярно слышим от менеджеров и директоров вопрос: «где взять программистов?». Поэтому мы решили взяться за дело и приступить к решению этого вопроса. Для начала нам пришлось разобраться, какие вообще программисты нужны — и в каких количествах — именно для этого мы запустили открытый опрос в ноябре 2013 года.
Методика проведения исследования: онлайн-анкетирование представителей компаний из сегмента веб-разработок, собственный анализ профильных открытых вакансий на крупных порталах по трудоустройству.
По итогам четырех месяцев исследования, разбавленных месяцем новогодних каникул и месяцем олимпиады, мы, наконец-то, публикуем результаты.
Исследование рынка труда веб-разработчиков

Про деньги конечно мало написано. Но познавательно.

Микросовет — телефоны в шапке

graker — Tue, 10 Dec 2013 17:54:21 +0000

Дорогие дизайнеры и разработчики сайтов. Когда я с мобильника захожу на страницу какой-нибудь компании, мне обычно хочется скопировать из шапки телефон — и позвонить по нему. В 90 случаях из 100 я только для этого и захожу с мобильника на страницы каких-нибудь компаний. Чтоб скопировать номер и позвонить. И в 0 случаях из 100 я захожу чтобы посмотреть, каким красивым шрифтом вы нарисовали телефонные номера. Еще раз: в 90 случаях — чтобы скопировать и позвонить. И в 0 случаев — чтоб посмотреть на красивый шрифт.

Подумайте об этом.

И если картинка с красивыми телефонными номерами все же очень нужна — продублируйте нормальную текстовую запись номеров хотя бы в подвале. Это нетрудно.

Про вредные платежные системы

graker — Wed, 22 May 2013 13:57:46 +0000

Ставил тут на один портал разные платежные системы. Для каких-то взял готовые модули, для других — написал, для третьих — переделал чужие, четвертые без меня поставили. Что их все объединяет?

Да то, что ни у одной из установленных платежных систем (русских и украинских) нет на сайте в форме оплаты кнопки или ссылки «Назад в магазин». Появляется только если ввести что-нибудь неправильно — номер кредитки там, или ID кошелька.

Эй вы, Яндекс.Деньги, Webmoney, Мастербанк, Интеркасса! Не будьте врединами, сделайте ссылку «Обратно в магазин» в дефолтной форме оплаты. Я может по ошибке вашу систему в списке выбрал — и мне нафиг не упало заводить у вас аккаунт, мне надо вернуться и выбрать то, что я хотел.

Посмотрите на PayPal — ссылка на месте, а по популярности фору вам всем вместе взятым даст. Стыдно должно быть.

Рукопожатный марш

graker — Sat, 18 Aug 2012 17:28:35 +0000

Видео недоступноСсылка на оригинал

Drupal и Вконтактик

graker — Wed, 07 Dec 2011 07:16:45 +0000

Когда-то давно хотел сделать кросспостинг в контактик, но решений не было. А тут вдруг внезапно заметил — оказывается, модуль появился. Немедленно схватил и настроил. Работает!

Автору — большое спасибо! Вот, кстати, его страница. На ней еще и дизайн, я смотрю, поменялся. Блин, как я от жизни-то отстал.

Правила русского языка

graker — Mon, 28 Nov 2011 15:55:17 +0000

А вот глумеж над всякими правилами русского языка:

Подлежащее, оно не нуждается в уточнении местоимением.

Тире между подлежащим и сказуемым – не ставится.

Помните о том, что в большинстве случаев связку "о том" можно исключить.

Кое-кто стали забывать правила согласования главных членов предложения.

Если хочете использовать глагол, то спрягать его нужно правильно, а не как того захотит автор.

И так далее.

Правила русского языка

За наводку спасибо cynicus.

Новости интернетов

graker — Thu, 03 Nov 2011 06:37:10 +0000

О пользе записей в Facebook:

Ранее неоднократно сообщалось о проблемах с работой, возникавших у людей в связи с активностью в Facebook. Так, в июле 2009 года полицейского из Флориды понизили в должности за то, что он хвастался в Интернете умением избивать задержанных. Чуть раньше был уволен работник ткацкой фабрики из Южной Африки, который назвал своего начальника в Facebook "серийным онанистом". В 2008 году своей работы лишились 13 членов экипажа британской авиакомпании Virgin Atlantic. В комментариях в одной из групп в социальной сети они называли пассажиров "быдлом" и предполагали, что в лайнерах есть тараканы.
Увольнение работника Apple за комментарии в Facebook признали законным

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

А Twitter предложил пользователям рассказать, какой он клевый и полезный:

Пользователи могут поделиться своими историями. Для этого нужно опубликовать запись с хештегом #twitterstories, либо написать сообщение на аккаунт @TwitterStories. К заметке необходимо прикрепить фотографию или видеозапись, которые помогут проиллюстрировать историю. Каждый месяц представители Twitter будут отбирать пользователей, чьи истории появятся на сайте.
Микроблогеры рассказали о пользе Twitter

От организаторов революций в Африке пока ничего не слышно.
Зато я вот нашел историю про Twitter. Классный, кстати, комикс, рекомендую.