Виральный сайт изнутри: 5 миллионов просмотров на Ever Given

06.04.2021

Как уже знают все читающие эту статью, контейнеровоз Ever Given сел на мель в Суэцком канале на шесть с лишним дней. Он заблокировал маршрут, по которому обычно приходило примерно 10% товаров мировой торговли. Но что более важно (по крайней мере, для этого поста), он также генерировал более 10% мировых мемов.

В этом посте я расскажу о статистике сайта istheshipstillstuck.com.

Заголовки

За пятидневный период веб-сайт получил около 50 миллионов просмотров. Это ставит его примерно на один уровень с New York Times, однако все посетители istheshipstillstuck.com видели одну и ту же страницу. На пике популярности к сайту выполнялось 8404 запросов в секунду:

Он получил более 190 тысяч лайков, комментариев и репостов в Facebook.

Сайт стал первым результатом, выдаваемым на поисковый запрос в Google «is the ship still stuck» («корабль всё ещё на мели?») (обгоняя все мировые газеты), потому получил более 400 тысяч кликов.

Лично у меня количество подписчиков в Twitter увеличилось с 208 до более чем 3 тысяч, а мои твиты были просмотрены более 1 миллиона раз, чего определённо никогда не случалось ранее — раньше за месяц мои твиты просматривало не более 15 тысяч человек.

Управление этим сайтом оказалось невероятно интересным процессом, временами достаточно напряжённым, но вызывающим огромное привыкание. Иногда это казалось самой нёрдской вечеринкой, продолжавшейся почти неделю. Фактически, этот пост будет отчётом, написанным сразу после завершения ажиотажа.

Бытие

У меня должен был быть выходной. Поскольку мы в Великобритании всё ещё находимся в локдауне, бОльшую часть времени я просто тратил время на Интернет. Один раз я загуглил «корабль всё ещё на мели?» и обнаружил, что ответ на этот вопрос найти чертовски сложно. После того, как я быстренько поискал свободные домены (обычно я пользуюсь iwantmyname.com или instantdomainsearch.com), в моей голове зародилась довольно очевидная идея.

В прошлый четверг он выглядел совершенно иначе

Стоит заметить, что эту идею первым реализовал не я. Первым был этот сайт: www.isthatshipstillstuck.com

Техническая подготовка сайта

На моей повседневной работе почти для всех проектов мы используем Next.js. Это фреймворк, построенный на основе React, избавляющий от почти всех трудностей построения достаточно сложных сайтов. Понятно, что мой новый сайт не был сложным, но я решил использовать то, с чем знаком ближе всего.

Первая версия сайта имела заголовок «Is that ship still stuck?», ответ «Yes» и три последних статьи из New York Times. Я хотел, чтобы статьи обновлялись, когда публикуют что-то новое, поэтому использовал Article Search API сайта New York Times, с которым очень легко оказалось разобраться (к тому же он бесплатен). Я настроил его всего за час и задеплоил. (На самом деле, я настроил Github-интеграцию с Vercel, поэтому каждый раз, когда я пушил в основную ветку, сайт автоматически обновлялся).

Я поделился сайтом в канале #devs своей компании Time to Spare. Рубен предложил добавить матросскую песню, поэтому я добавил скрытую ссылку на вирусный TikTok, открывающийся при нажатии на «Yes». Реда сказал, что нужно оптимизировать тэги для превью сайта в соцсетях (надеюсь, тебе нравится, как всё получилось). Спустя ещё 20 минут таких исправлений я опубликовал ссылку в своём Twitter.

Также на страницу попали предложения из feature requests в Twitter:

Feature request: добавьте геолокацию с какого-нибудь сайта, отслеживающего местоположение судов

Всего одна просьба — добавьте счётчик того, сколько часов/дней/недель прошло после инцидента.

Идея: добавьте счётчик потерянных миллиардов долларов. По оценкам, за каждый день теряется примерно 9,8 миллиарда долларов, так что если разделить эту сумму на минуты или даже секунды, то получится замечательный счётчик.

Первая статистика вирального твита

Формально я нахожусь в Twitter с 2011 года. Я не особо часто публикую посты и у меня не так много подписчиков (практически уверен, что половина имевшихся — это или боты, или неактивные пользователи). Большинство моих постов лайкалось исключительно моими коллегами, мамой и бывшим соседом по квартире. Публикации напоминали крик в пустоту.

Но новый пост оказался совершенно другим, и это стало заметно с самого начала. Я загуглил «величина хорошего уровня вовлечённости в Twitter» и нашёл статью Hubspot, в которой говорилось о среднем значении в 0,8%. Мой твит имел показатели около 25% (хоть и на довольно малой выборке). У меня появилось предчувствие, что это будет увлекательно.

Любопытно, что уровень вовлечённости снижался довольно медленно. Долгое время он был выше 20%. К тому же с большой степенью точности примерно 20% людей, лайкнувших твит, решали подписаться на меня. Понятия не имею, репрезентативна ли эта статистика для обычных показателей Twitter.

Пара людей спросила меня, что я делал для продвижения сайта на ранних этапах. Я ответил, что абсолютно ничего. Я опубликовал один твит. Я не постил его в своём Facebook, LinkedIn или где-то ещё. Всё остальное сделали странные алгоритмы Twitter и огромный масштаб Интернета.

Чуть позже тем же днём кто-то опубликовал его на HackerNews. Пост оказался вторым на главной странице и получил более 1000 комментариев. Большинство комментариев оставили разработчики ПО (что неудивительно), размышлявшие о том, как бы они сняли корабль с мели. Вот бы кто-нибудь провёл текстовый анализ того, сколько комментариев начиналось с «А разве нельзя просто…». Для меня, программиста-самоучки, это стало важным моментом в карьере.

После этого сайт «взлетел». Особенно мне понравился этот твит основателя Flexport:

Почему этот сайт создал не Flexport? Чёрт!

Исход

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

Также меня немного начало беспокоить то, сколько мне придётся потратить на хостинг. У меня до сих пор старый тарифный план Vercel, поэтому нет никакой прозрачности в том, какой будет окончательная сумма. Я сделал черновые расчёты, показавшие, что расходы составят примерно 450 долларов, но больше всего меня волновало, что я могу ошибаться на целый порядок величин. Поэтому я захотел попробовать разные варианты «монетизации», чтобы восполнить мои потенциальные расходы.

В конечном итоге оказалось, что мои тревоги оказались напрасными. Я связался со службой поддержки Vercel и мне сообщили, что затраты на хостинг составили всего 70 долларов и что они покроют их сами, потому что считают, что это была интересная идея. Серьёзно, замечательная компания. Поэтому всё заработанное я пожертвую tythe.org.

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

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

NFT

Я решил, что вместо рекламы попытаюсь продавать на странице NFT. Я довольно много читал про NFT (и плохого, и хорошего), поэтому относился к ним со смесью скептицизма и любопытства. Мне подумалось, что это будет интересная и странная возможность попробовать их самому. Кроме того, это может стать забавным мета-мемом. Было бы весело, если мой веб-сайт будет первым, продающим себя как NFT. К тому же, если быть совершенно честным, я думал, что он может попасть в рубрику Мэтта Левайна Money Stuff. По сути, я «делал это только чтобы отметиться в Инста».

В конечном итоге эксперимент оказался успешным, продажи составили чуть больше 200 долларов:

Однако это ещё далеко не вся история. Весь процесс был осложнён непрозрачными платами за транзакции. Вот все подробности о продажах NFT (для тех, кто ещё не находится в экосистеме крипты):

Скачать MetaMask (криптокошелёк). Это бесплатно.
Создать аккаунт OpenSea. Тоже бесплатно.
После создания списка товаров нужно подключить кошелёк к OpenSea, если вы хотите что-то продать. Для этого нужно заплатить «газом» по контракту Ethereum. Похоже, эта цена меняется ежедневно, и в моём случае составляла 65 долларов.
Если у вас нет в кошельке Ethereum (у меня, очевидно, не было), вам нужно обменять обычные деньги на крипту, прежде чем вы сможете оплатить затраты, чтобы выставить что-то на продажу. При использовании сервиса наподобие Wyre это выливается ещё в дополнительную комиссию за транзакции в 10%.
Необходимо принять ещё другие контракты, которые позволят работать с Wrapped Ether вместо обычного Ether. Честно говоря, на этом моменте я уже запутался и не могу вспомнить, брали ли с меня за это деньги.

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

«NFT? Отвратительно»

Но особо интереснее не стало.

Я получил несколько ставок. Идея позабавила моего отца. Но в конечном итоге всё оказалось не очень весело. Участники торгов были анонимными. Очевидно, что этот NFT просматривали тысячи людей (потому что он находился на восьмом месте в списке самых просматриваемых NFT из 15 миллионов, находящихся на платформе), но больше особо ничего не происходило. Более того, заменив кнопку «Подписаться» ссылкой на NFT, я сделал мой день намного скучнее, потому что в беседах в Twitter стало участвовать меньше людей. Однако очевидно, что если бы Илон Маск или кто-то другой сделал бы огромную ставку, то я бы изменил своё мнение…

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

Тем не менее, я получил ставку, которую посчитал достойной удовлетворения. Однако поскольку она не превышала минимальную резервную цену (1 Ether / 1800 долларов), мне нужно было для её одобрения заплатить ещё немного комиссионных за транзакцию. Это составило ещё 70 долларов. Итак, потратив 140 реальных долларов, я стал гордым (?) владельцем Wrapped Ether на сумму 200 долларов (OpenSea тоже взял свою долю). Но я не мог потратить Wrapped Ether ни на что полезное. Мне бы понадобилось потратить несколько комиссионных сборов за транзакции, чтобы поменять его на Ethereum, а затем обратно на фиатные средства (если бы я захотел купить на них еды). На этом шаге я сдался.

На данный момент в OpenSea на продажу выставлено 17 миллионов позиций. Но у подавляющего большинства из них нет ставок. Я видел в Интернете заявления о том, что NFT — это обман покупающих их людей, но не совсем с этим согласен. Я думаю, покупатели знают, во что ввязываются — по сути, они должны быть огромными энтузиастами крипты, чтобы покупать NFT. Но что насчёт продавцов? Особенно для художников, ищущих способ наконец-то начать зарабатывать на своём искусстве в Интернете (я на 100% не отношу себя к этой категории)? Эта система с большой долей «заплати, чтобы участвовать» и очень малой вероятностью успеха.

Ну да ладно, вернёмся к веселью.

Аффилированный маркетинг

Итак, устав от NFT, я решил попробовать аффилированный маркетинг. Логика была проста: я люблю читать книги и мне нравится рекомендовать их другим людям.

Настройка партнёрской программы Amazon оказалась удивительно простой (однако нужно выполнять её для каждой страны отдельно). Авторизация происходит без задержек, достаточно заполнить пару форм и всё готово.

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

Поэтому да, я получил комиссионные за вот эти покупки:

Почти столь же интересным, как изучение полного каталога продуктов Amazon, было отслеживание рекомендаций книг, оказавшихся самими популярными. Если вы заходили на сайт несколько раз, то могли заметить, что рекомендуемые книги меняются. Так происходило, потому что я мог сразу же видеть, какие книги покупают люди. В конечном итоге таблица самых покупаемых (в США) книг оказалась такой:

Prisoners of Geography — 127
The Box — 111
The Invisible Hook — 16
The Silk Roads — 13
A Splendid Exchange — 10
90% of everything — 6
The Ocean of Life — 1

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

Книга Prisoners of Geography, находящаяся на первом месте этого списка, имела особенно забавный побочный эффект:

Прости, Пирс (Piers переводится как «пристань»)

Пока я ещё жду окончательных результатов, чтобы узнать, сколько заработал на этих ссылках (комиссия выплачивается только после отправки продукта, а не после его заказа), но пока за три дня я заработал 279 долларов. Учитывая то, что за эти три дня веб-сайт получил 2,7 миллиона просмотров, думаю, будет справедливо сказать, что невозможно сколотить состояние на книжных ссылках аффилированного маркетинга. Зато я хорошо повеселился, а некоторым людям в Twitter это показалось милым.

Ворчание о технологиях в Twitter

Однако пока я экспериментировал с сайтом, кого-то в Twitter он начал раздражать:

istheshipstillstuck.com — очень характерный для 2021 года пример веб-страницы: зарабатывает на текущих событиях, очевидный кандидат на то, чтобы быть простым статичным сайтом, мгновенно загружает HTML, но в течение следующей минуты обрабатывает next.js, прежде чем он загрузит контент страницы. К тому же сайт можно купить как NFT

Мне тоже нравится критика современного стека веб-разработки в стиле стариковского брюзжания, но в данном случае она не совсем справедлива. Как сообщалось в твите CEO Vercel, проблема заключалась вовсе не в Next.js, а в долгой загрузке встроенной карты Vesselfinder (потому что всем посетителям хотелось узнать о состоянии Ever Given):

istheshipstillstuck.com — превосходный пример страницы 2021 года. Давайте обсудим реальные факты этого твита, ставшего превосходным примером твита 2021 года. [Нажмите на твит, чтобы прочитать полное изложение ситуации.]

Мне этот обмен колкостями показался очень забавным.

Особенно мне понравилось, что оставили без ответа это ужасное предложение:

Зачем вообще странице о севшем на мель корабле встроенная карта? ОН НА МЕЛИ, МЫ ЗНАЕМ, ГДЕ ОН

Я цитирую всё это не для того, чтобы поглумиться над людьми. Стоит заметить, что несмотря на всю критику, благодаря сочетанию Next.js + Vercel мне не нужно было беспокоиться о масштабирования веб-сайта. Миллионы переходов, иногда тысячи в секунду, однако всё просто работало. При любой нагрузке основная страница продолжала грузиться меньше чем за полсекунды. Это было замечательно.

Этому сайту нужен оверлей подтверждения использования куки, если заходишь на него из Европы. Со списком из 300 с лишним компаний.

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

Нереализованные мечты

У меня была пара идей, на реализацию которых не хватило времени.

Во-первых, это игра в стиле Wacky Races: «проведи своё судно через канал, не врезавшись в другие суда». К счастью, CNN, по сути, реализовала эту идею.

Второй идеей было камео знаменитости. Я хотел узнать, можно ли будет заплатить нескольким не очень крупным знаменитостям, чтобы они обсудили то, как бы они освободили судно. Для британских посетителей я очень хотел получить комментарии обо всей операции от Пола Чакла.

Увы, но в дело вмешался ход событий.

Главное событие

В 4:30 ночи по британскому времени мой телефон завибрировал. К счастью, я проснулся. Мне сообщили, что судно «спасли». Все крупные новостные сайты писали, что ситуация разрешилась. Но оно вроде не движется? Я оживлённо начал искать подробности произошедшего. В результате пришлось указать на сайте ответ «Sort of?» («Вроде спасли?»):

Это привело к серии забавных переписок в Twitter. Люди отвечали аккаунтам новостных медиа словами «Вы уверены? Похоже, istheshipstillstuck.com с вами не согласен». Настоящие журналисты твитили мой веб-сайт как своего рода полуавторитетный источник. Это было странно. И напряжно. Позже произошёл ещё один нелепый поворот сюжета — руководитель каирского отделения New York Times поддержала ответ на моём сайте:

Подтверждаю утверждение istheshipstuck.com «Sort of?» На данный момент борт судна практически параллелен каналу, а буксиры после прилива будут тянуть его в течение следующих 1,5 часов, пока он не сможет двигаться на север и уйти с пути других судов

Оставшаяся часть дня прошла очень запутанно. Мировые газеты уцепились за тот факт, что судно пока не освободили, и начали говорить, что его «плавучесть частично восстановлена».

Позже всё стало ещё страннее. Президент Египта заявил в Twitter, что страна «завершила кризис с севшим на мель судном». Многие новостные сайты снова разнесли эту новость. Но его не сняли с мели!

Президент Сиси недавно заявил в Twitter, что «Египтяне сегодня успешно завершили кризис севшего на мель судна».

ОДНАКО, по данным @ThomasErdbrink, руководитель нидерландской компании, занимавшейся спасением судна, заявил на нидерландском радио, что носовая часть Ever Given по-прежнему «крепко сидит» в глине.

Чтобы докопаться до сути, я вышел на непонятную новостную прямую трансляцию из Египта. Она велась на арабском, но замечательный человек по имени Ахмед переводил всё в комментариях. Очевидно, президент Египта опередил события.

Итак, администрация Суэцкого канала начала тянуть время. Она придумывала различные презентации, чтобы отвлечь людей от того факта, что судно по-прежнему глубоко сидит на мели. Она рассказывала о скрупулёзной подготовке судоводителей. Она говорила о том, как бы реагировала на разлив нефти, если бы он случился. Она даже начала обсуждать свою цифровизацию и то, что скоро перейдёт на безбумажный документооборот. Это был настоящий фарс. И такой забавный.

Но потом судно действительно сдвинулось. И мы вместе с Редой из нашего отдела в Time to Spare немного повеселились…

Момент триумфа со скрытым рикроллом

Кто-то довольно быстро заметил, что мы сделали:

Чёрт побери! [В коде установлен таймер на запуск рикролла с Youtube]

Оставил вкладку открытой слишком надолго. istheshipstillstuck.com, вы хитрые засранцы.

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

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

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

Постойте, если не этот сайт рикроллнул меня, то кто?!

Я переключил вкладку и клянусь, страница istheshipstillstuck перенаправила меня на рикролл. Это могла быть какая-то другая вкладка, но эта страница была среди вкладок, когда я их просматривал.

Похоже, мой телефон пытается зарикроллить меня…

*закрывает вкладку браузера, начинает петь Рик Эстли*

Забудем о рикролле, но эта вкладка находилась посередине моего списка вкладок, в котором большинство было открыто со вчерашнего дня. Когда она открылась, и какая страница вообще меня на неё перенаправила?

На долю секунды отошла от компьютера, чтобы открыть входную дверь, потом вернулась, а на экране играл рикролл. Даже не помню, на какую ссылку я нажимала…

Есть ненулевая вероятность того, что этот веб-сайт зарикроллит вас. Но мне не удалось добиться этого повторно

Из этой статьи я запоздало узнал, откуда в моём браузере на прошлой неделе внезапно появилась вкладка с «Never Gonna Give You Up», которую я вроде не открывал.

В конечном итоге, всё это веселье стоило усилий.

Что мне больше всего понравилось?

Управление популярным виральным веб-сайтом оказалось очень интересным процессом.

Я доволен статистикой трафика.

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

Мне приятно, что я зарикроллил примерно 250 тысяч людей.

Но честно говоря, больше всего я горжусь этим:

Looking for one last hit

Раньше я никогда не был зависим от соцсетей (если не считать MSN messenger), но на этот раз всё было по-другому. Я почти не спал. Это было очень аддиктивно. Поэтому напоследок мне хочется задать вопросы: