Видео-реклама на статейниках!!!


Планы по сливу трафика на этих выходных рискуют пойти по пизде. Мою голову захватила еще более яркая идея, от которой я никак не могу отделаться. Настолько эта мысля засела в башке, что сейчас вскочил в 2 ночи и пишу этот пост в этот сраный блог. Я работал над ней всю пятницу, но пока так и не смог найти техническое решение. Быть может дорогой читатель подскажет куда копать?

Вводная

Итак, все началось с Инстаграма. Я поймал себя на мысли, что Инстаграм — идеальное место для совершения спонтанных покупок, которые даже не планировал никогда. Увидел какую-нибудь приколюшку и ручки сами так и тянутся нажать на кнопку купить!

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

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

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

А вот что-то похожее в Ютубе, но не то, как сделано в Инсте:

В Инсте все более динамично, нарезано интересно, чтобы много времени не отнимать у пользователя, а сразу его заинтересовать. Буквально несколько секунд и ты уже думаешь: «Бля, я хочу эту штуку, куда нести бабки?»

Сайты

Так вот в сайтах такого ощущения нет. На сайтах мы имеет либо статичный JPG, либо уебищный GIF. А чаще всего просто какую-нибудь заезженную картинку из тизерной сети с Малышевой и желтный-желтый рекламный текст под ней, вызывающий рвоту при одном только его прочтении. Кто кликает на все эти уебищные тизеры, которые порою ютятся в слепых зонах сайдбаров и подвалов — мне вообще не понятно. Судя по конверсии, похоже, что кликают сами вебмастера, чтобы заработать копеечку =)))

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

Нахуя тонны текста, если гораздо быстрее и интереснее видео?

Видео-реклама на сайтах

Далее я пришел к мысли, что нет ничего сложного, чтобы сделать такие интересные рекламные ролики на сайте, а под ними кнопка «купить со скидкой 50%», например, ведущая на ленд. Пользователь читает статью, закончилась одна часть, пошел видео-ролик, кнопка купить с открытием в новой вкладке. Отвлекся, заказал какую-нибудь прикольную шняжку и дальше дочитывать статью. Круто же! Как в Инсте, в общем.

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

Концепция

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

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

Решение

Погуглив, я сразу же нашел вот такое решение: 

Оказалось, что для того, чтобы видео проигрывалось автоматически достаточно сделать его беззвучным, прописав в теге «video» атрибут «muted»:

<video autoplay muted loop>
<source src="clip.mp4" type="video/mp4">
</video>

Бинго!!! Все оказалось так легко и просто!

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

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

Я пробовал разные хуки и хаки, сраки и хуяки, но ничего у меня не вышло! =( В мобильном хроме видео автоматически запускаться не собирается. А уж до проигрывания по фокусу я вообще молчу! До этого я даже не добрался.

Но!

Но затем я вспомнил, что уже встерчал нечто подобное на некоторых крупных площадках. Например, на Forbes. У них как раз таки такая реклама установлена: пролистываешь часть статьи, затем при долистывании до рекламы запускается видео-баннер, но после проигрывания он просто схлопывается и все. Без каких-либо ссылок, кнопок, возможности перехода на сайт рекламодателя. Что не есть круто.

Насколько мне известно, есть уже несколько подобных ПП, например, videoroll.net, которые такую рекламу размещают. Платят вебмастеру копье, конечно. 80 сраных рублей за 1000 просмотров! 80 рублей, бротаны!!! Нет, я не ошибся. Именно такое копье =)))

Однако с технической точки зрения, им удалось реализовать то, что я задумал. Осталось только разобраться в том как они это сделали и сделать свое кастомное решение.

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

А может я просто туплю и мне пора пойти спать и решение уже давно существует и лежит где-то в открытом доступе, а я просто еще не успел его нагуглить.

В общем, обращаюсь к читателю моего блога: кто поможет воплотить задумку с видео-рекламой в реальность??? Моих знаний для этого пока не хватает =(


25 комментов

12 января 2019

Треп по сабжу

  • tg2a

    12 января 2019 в 03:18

    ровно такое видео решение реализовано в немецкой газете Die Welt. Страницу крутишь — там вылазит видео и начинает работать — со звуком. Крутишь дальше — замолкает. Цепляет реально мощно. Не могу себя побороть и кликаю по этому видео. На самом деле суперсильное решение. Прямо за мозг хватает. Особенно когда со звуком и с речью. Это блин не картинка с Вассерманом )))

    Ответить

  • tg2a

    12 января 2019 в 03:49

    Ну вот как кстати, сейчас Die Welt снял почему-то видео рекламу. Зато The New York Times разместил такую штуку, завлекая на подписку. В общем, тема суперинтересная, нужно разбираться.

    Ответить

  • Блудный сын

    12 января 2019 в 03:54

    Насчет мобильных. mp4-формат там вообще не должен запускаться?

    Для мобильных видео конвертируют в свои какие-то форматы (для разных ОС и браузеров). И в type для source прописывают разные версии видео (mp4, webm, ogrep, сяк, хуяк).

    Так аутоплей должен работать тоже.

    Уже подзабылось, раньше активно верстал сайты. Вообщем, покопайте в эту тему.

    Ответить

  • Seokeys69 seokeys69.ru

    12 января 2019 в 08:27

    Вот из за такой шняги траф падает естественным образом, на сайт с атовидео ну прям не хочется заходить. Сейчас уже мало, но год назад, что не кино сайт то с автовидео бесило просто прям! Я на своём сайте ставил, трафик реально просел, народ негодует! ))

    Ответить

    • Alex Black alexblack.wtf

      12 января 2019 в 13:38

      Так на сайтах с фильмами действительно размещали этот рекламный видос СО ЗВУКОМ. Причем изначально даже не понятно было откуда звук идет. Конечно это сразу бесило жутко. И бесило бы сейчас. Я тоже с таких сайтов уходил. Но я предлагаю размещать видео-ряд БЕЗ звука. Возможно с субтитрами. Чтобы пользователя это не раздражало. Возможно в момент просмотра сайта он вообще музыку слушает. Как это делаю я, например.

      Ответить

  • Саня Пупкин

    12 января 2019 в 09:41

    Алекс, ответь в телеге по возможности, надо кое что обсудить)

    Ответить

  • Ginger Dog ggds.ru

    12 января 2019 в 10:19

    Видел подробно на сайтах крупных СМИ. Бесит ужасно. Уж лучше обычный рекламный баннер.

    Ответить

    • Alex Black alexblack.wtf

      12 января 2019 в 13:38

      Со звуком он был или без?

      Ответить

      • Ginger Dog ggds.ru

        12 января 2019 в 15:28

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

        Ответить

  • Kintar Oe

    12 января 2019 в 11:37

    Зачем тебе ютуб с его гуглом, когда ролики можно играть со своего сайта при помощи html5? Так ведь уже давно делают всякие ленды с видео на фоне. Подумай об этом )

    Ответить

    • Alex Black alexblack.wtf

      12 января 2019 в 13:39

      Я и не говорю про ютуб… В тексте, кстати, приведен пример на голом HTML5. Ленды с видео на фоне — да, сделать не трудно. Вот только теперь я не уверен будут ли они работать на мобильных браузерах…

      Ответить

  • Вестник Бухляндии

    12 января 2019 в 17:53

    Бросил пить, «яркие идеи»… Алекс, ты палишься и привлекаешь внимание Наркоконтроля…
    Как, кстати, членидж? Держишься?

    Ответить

  • Seomatik topertrack.ru

    12 января 2019 в 21:20

    Я хз бро че т у меня инста не зашла, залупа кароч какая то рил

    Ответить

  • Клоун

    12 января 2019 в 21:36

    Здарова бандит, а че ты не используешь clickio.com это замена адсенсу и по доходв равны

    Ответить

    • Alex Black alexblack.wtf

      17 января 2019 в 21:25

      Я про этот сервис и не знал. Спасибо, опробую.

      Ответить

  • Зима близко (-40)

    13 января 2019 в 00:18

    Сегодня наткнулся на эту страницу: http://fb.ru/article/402983/kak-proverit-utechku-gaza-poryadok-deystviy-pri-utechke-gaza-sposobyi-ustraneniya-problemyi-kuda-obraschatsya-za-pomoschyu

    ФБ Ру — они же на первом экране прямо включают какой то видосик. Хотя видео совсем не по тематике. Весь трафик по газу уходит к ним. Я в ахуе.

    Ответить

  • Mr. Burns

    13 января 2019 в 00:29

    Привет! Сижу пью пиво, читаю ленту. Когда-то, я делал дорвеи под яндекс видео (параллельно с Дугласом). Не знаю что он там использовал, у меня был плеер Uppod. Вот залил для тебя тестовую страничку http://mrburns.ru/test/alex.php. Не знаю то, не то, я уже много выпил. Сайт uppod.ru, но я что то там стал тыкать и меня средиректило на playerjs.com. Короче говоря разберёшься, мне лень, 3 минуты потратил. Как минимум можно сделать автоплей без звука и зациклить. А для мобилок если реально нельзя обойти автоплей, то сделать картинку-превью. Вроде бесплатно. Раньше точно бесплатно было.

    Ответить

  • Человечков ПАвел

    13 января 2019 в 02:58

    Бесят видео автозапускающиеся. Неужели сработают у тебя. Возникают ощущения развода примерно как и от обучающих курсов Арбайтена.

    Ответить

  • Александр investbro.ru

    16 января 2019 в 19:56

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

    Ответить

    • Alex Black alexblack.wtf

      16 января 2019 в 22:32

      Только без звука! Со звуком меня тоже бесит!

      Ответить

  • Вставить свои 5 копеек