Все площадки

100%x100

Требования на английском языке доступны по ссылке / Requirements in English by reference.

1. Общее описание формата

2. Ширина и высота креатива

3. Максимальный вес креатива

4. Требования к реализации HTML5 креатива

5. Проверка креатива

1. Общее описание формата

Горизонтальный рекламный формат, с заданной высотой и адаптивной шириной, занимающей 100% ширины контентной области сайта. Формат предполагает использование креатива в формате HTML5.

2. Ширина и высота креатива

Стандартный размер:

• 100%x100px

Все мобильные площадки Rambler Group, кроме Рамблер/почта

Для создания эффекта 100% ширины необходимо показывать элементы креатива по всей ширине креатива (минимальная ширина — 300px, максимальная — 970px.

3. Максимальный вес креатива

Общий вес креатива и всех подгружаемых файлов — до 150КБ.

Исключение для креативов с видео — максимальный вес — до 3,15МБ.

4. Требования к реализации HTML5 креатива

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

Реализация архива с HTML5 креативом

Архив с HTML-кодом можно подготовить самостоятельно (инструкция ниже) или с помощью редактора Adobe Animate CC (инструкция здесь).

Самостоятельная реализация архива с HTML5 креативом

Содержимое zip-архива с проектом

HTML5-креатив должен быть предоставлен в виде ZIP-архива с содержимым креатива. Данный архив должен содержать следующие файлы:

1. Файл index.html

Размер — до 64КБ.

Кодировка — UTF-8.

2. Остальные файлы

Для имён остальных файлов и директорий можно использовать следующий набор символов: «-» «.» «_», цифры и латинский алфавит. Длина имён файлов, включая путь от корня распакованного архива, не должна превышать 256 символов.

Пример содержимого архива:

HTML5-код креатива

HTML-код креатива должен находиться в файле index.html. К его содержимому предъявляются следующие требования:

Картинки, CSS и JS

Для ускорения загрузки все ресурсы креатива (JavaScript, CSS и картинки) необходимо размещать внутри HTML-кода и загружать параллельно.

В коде не допускается использовать внешние ресурсы. Все ссылки в креативе должны быть относительными путями в ZIP-архиве.

При необходимости использования сторонних JS-библиотек необходимо их предоставить вместе с креативом, за исключением нижеперечисленных. Следующие внешние библиотеки размещены на серверах Rambler Group (<version> — соответствующая версии библиотеки):

• jQuery (доступные версии на момент публикации: с 1.2.3 до 3.3.1 (список расширяется новыми версиями))

//dsp-rambler.ru/js/jquery/jquery-<version>.min.js

• CreateJS (список расширяется новыми версиями)

• Greensock (доступные версии на момент публикации: с 1.16.0 до 3.5.1 (список расширяется новыми версиями))

Состав файлов: с версии 1.16.0 до 2.1.3:

Состав файлов: c версии 3.0.0 до 3.5.1:

• AdobeEdge

Запрещено использовать устаревшие, нестандартные и экспериментальные методы JavaScript API.

Видео

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

• формат файла — .mp4;
• креатив должен обязательно содержать элементы управления видео и звуком: кнопки остановки и старта проигрывания видео, включения и выключения звука;
• элементы управления должны быть заметными, однозначно читаться и работать согласно обозначению.
• звук по умолчанию должен быть выключен, включается только по клику на управляющую кнопку;
• на desktop форматах видео проигрывается однократно при загрузке креатива и останавливается. Повторное проигрывание возможно по клику или нажатию на управляющую кнопку;
• на mobile форматах видео должно проигрываться при нажатии на кнопку старта видео, проигрываться однократно и останавливаться;
• при переходе на сайт клиента видео и аудио потоки в баннере должны быть остановлены;
• области креатива за пределами зоны видео рекомендуется заполнять другими элементами креатива;
• запрещается использование видео-файлов для реализации анимации элементов креатива.

Ссылки перехода

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

Допускается использовать несколько ссылок перехода, например, для разных областей креатива — см. макрос %clickurl_N%. Вместо перечисления макросов всех ссылок можно использовать макрос %clickurls%.

Сами ссылки предоставляются отдельно от креатива, например, через интерфейс ЛЕТО.

Oтображение и работоспособность

Креатив должен корректно работать на устройствах с различными значениями devicePixelRatio (например, retina-display).

Креатив должен корректно работать и отображаться в браузерах Internet Explorer 9 и выше, Firefox 14 и выше, Safari 6 и выше, Chrome 14 и выше, Opera 12 и выше, Яндекс.Браузер 14 и выше, Microsoft Edge 13 и выше. Для обеспечения кроссбраузерности к коду креатива применяется аналог normalize.css, поэтому наличие тега style не гарантирует соответствующих изменений в отображении креатива.

При клике на баннер аудио/видео сопровождение должно быть остановлено (если используется).

При наведении на кликабельные элементы креатива курсор должен быть в виде руки с указательным пальцем (pointer).

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

Запрещается доступ к внешним объектам iframe, так как при показе на площадке креатив будет загружен в iframe с домена, отличающегося от домена площадки.

Креатив не должен нагружать процессор компьютера более 30% в среднем и 60% в пике.

Количество запросов (http requests), необходимых для загрузки и начала отображения креатива (т.е. на фазе Initial Load), не должно превышать 10.

Макросы

Внимание: макросы работают только внутри index.html.

• %clickurl_N%, где N — номер ссылки — подставляет ссылку с номером N. Пример 1.

Нумерация ссылок начинается с 1. Если кликовая ссылка одна, макрос должен иметь вид %clickurl_1%.

Переходите по ссылке «Код счетчика». И тут самое главное, вы увидите поле с кодом, но его использовать мы не станем. Почему? Есть и другой вариант кода, простой!

Дело в том, что если вы добавите первый вариант кода, который рекомендует сам рейтинг, то ссылку, увы, вам закрыть не удастся. Счетчик в этом случае вызывается скриптом! И атрибут rel="nofollow", который вы добавите в тег <a> будет попросту игнорироваться!

Поэтому нам ничего не остается кроме как разместить на сайте упрощенный код счетчика. В котором как раз таки без проблем можно и нужно добавить к тегу <a> атрибут rel="nofollow" и он будет отлично справляться со свей задачей. Ссылочка в нем будет закрыта от индексации.

В прошлой статье — «Как вставить презентацию на сайт» я вам уже показывал куда необходимо добавить атрибут rel="nofollow" в теге <a>. Кстати в систему вам даже не обязательно заходить, вот код, уже с закрытой ссылкой, измените в нем номер счетчика на ваш и все.

<!— begin of Top100 code —>

<a href="http://top100.rambler.ru/navi/2800470/" target="_blank" rel="nofollow">
<img alt="Rambler’s Top100" src="http://counter.rambler.ru/top100.cnt?2800470" border="0" />
</a>

<!— end of Top100 code —>

Теги комментариев можете удалить (begin of Top100 code/end of Top100 code), нафиг они сдались!

Как добавить сайт в каталог Рамблер Топ 100?

Для этого сначала нужно зайти в свой аккаунт (http://top100.rambler.ru/user/login) и там щёлкнуть «Добавить сайт». Далее делаем всё по шагам:

Шаг 1 — добавление

На следующем этапе следует описать ваш веб-проект:

Шаг 2 — описание

Лучше отнестись к этому повнимательней, т.к. в последнее время модерация сайтов в этом каталоге ужесточилась. В общем, если ваш ресурс сам по себе не уникален, то желательно придумать ему интересное описание.

На той же странице не лишним будет добавить свою RSS-ленту (если она есть) и автоматическую публикацию из неё:

Для этого щёлкаем сначала «Добавить Rss ленту». Ну и добавляем:

Шаг 2.1.1 — добавляем RSS

Если у вас сайт на WordPress, то традиционно адрес его ленты будет такого вида: http://site.ru/feed.

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

Шаг 2.2.1 — анонсы из RSS в каталог Рамблер Топ 100

Теперь можно вернуться назад и произвести ещё кой-какие настройки, а именно:

• указать тему вашего веб-ресурса,
• его тип
• географическую ориентированность
• и формат данных.

Rambler Top 100 — настройки для каталога

Там всё очень просто. Если что не ясно — кликайте на иконку со знаком вопроса.

В самом низу страницы вписываем ключевые слова (как вы помните, они нужны для включения добавленного сайта в каталог Рамблера).

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

Если же у вас всё прошло хорошо (на Email пришло оповещение, что сайт ваш принят), то можно перейти на страницу с его настройками, скопировать эту ссылку:

Ссылка в рейтинге

и отправить её, например, сюда: webmaster.yandex.ru/addurl.xml — сейчас это более-менее актуально (об этом писал здесь). Но можно и без этого обойтись, т.к. сайт Рамблера шустро индексируется поисковиками.

В общем, это всё, что нужно, чтобы отправить ваш проект в каталог Rambler’а. Но счётчик всё же поставить придётся, и вот почему:

• Во время проверки, модераторам может не понравиться, что код счётчика у вас отсутствует
• Если сайт попадёт в рейтинг — то счётчик вообще нельзя убирать, иначе удалят.

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

Рамблер top 100 счетчик

топ 100, кнопки обратных ссылок

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

могли бы поработать чуток над разнообразием

В старом ТОП100 была статистика для разделов. Не могу найти ее в новой версии. Очень не хватает!

Медленная модерация

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

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

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

Спасибо, что своевременно указали на ситуацию в разделе, ваше замечание поможет нам оперативнее решить проблему и сделать каталог лучше 🙂

В старом ТОП 100 было время последнего посещения с конкретного IP, не хватает.

Неадекватный модератор Rambler Top100. Принимает в рейтинг левые сайты без оформления, контента и со всякими кликандерами, а хорошие и нужные отклоняет.

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

Сайты хорошие, без надоедливой рекламы, без контента 18+. Хорошо посещаемые (т.е. пользуются спросом тематики), у одного 3000 уников в сутки, у другого 9000.

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

В общем моё мнение, что либо Ваш «модератор» имеет причастность к тем самым говно сайтом, либо берет на лапу от этих сайтов, либо просто полный неадекват. Гнать таких модераторов в шею советую Вам.
Загубите так весь рейтинг.

Всё по полочкам: веб-аналитика с Рамблер/топ-100, часть 1

Осенью 2016 года мы перезапустили Рамблер/топ-100 – сервис веб-аналитики и старейший каталог сайтов Рунета. С тех пор мы добавили еще несколько дополнительных возможностей, о которых хотим рассказать. Эту весну Топ-100 встретил под флагом тематической аналитики по российскому Интернету.

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

Принимаясь за работу над новой версией Топ-100, мы обратились за консультацией к нашим коллегам: аналитикам, маркетологам и менеджерам. Они, как целевая аудитория сервиса, своими предложениями и замечаниями помогли сделать Топ-100 полезней и лучше. Люди этих профессий – наши самые активные и требовательные пользователи, поэтому в состав требований к MVP (Minimum viable product) вошли два важных момента: сохранение всех возможностей прошлой версии сервиса и добавление инструментов, нужных для собственных аналитических задач RAMBLER&Co.

Отчёт «Разделы сайта»

Не вспоминая об устаревшей версии, мы начнем со второй части – расскажем о трёх аналитических возможностях Топ-100, которые позволяют собирать и визуализировать данные о поведении посетителей на страницах сайта: Разделы сайта, Аналитика блоков и Параметры визитов. Конкретно в этой статье поговорим об отчёте «Разделы сайта».

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

Эффективно – это сколько?

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

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

Владелец нашего сайта хочет получить максимум прибыли, и его волнуют следующие вопросы о поведении пользователей на сайте:

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

Оцениваем посещаемость разделов сайта

Отчёт «Разделы сайта» в личном кабинете Рамблер/топ-100 может быть полезен владельцам сайтов с чёткой иерархией: например, новостных ресурсов, интернет-медиа, энциклопедий, электронных библиотек, интернет-магазинов, любых каталогов или классифайдов. Он позволяет ответить на вопрос, как выглядит посещаемость различных рубрик вашего сайта, какие разделы или страницы (например, статьи или товары), привлекают больше внимания аудитории, где посетители проводят больше времени, какой контент лучше других вовлекает аудиторию, а какие страницы или статьи лидируют по показателю отказов.

Вернёмся к нашему примеру с контентом для школьников и их родителей. Допустим, иерархия страниц сайта такая:

• Развивающие игры
• Внеклассовые мероприятия
• и др.

• Отзывы о школах
• Шпаргалки и решебники
• Выпускной
• Олимпиады
• Учебники
• Школьная форма
• и др.

• ОГЭ и ЕГЭ
• Выбор колледжа
• Выбор ВУЗа
• Репетиторы и курсы
• и др.

• 1 класс
• 2 класс
• 5 класс
• и др.

Для начала настроим сбор данных для отчёта. Сделать это достаточно просто: в код инициализации счётчика Топ-100 достаточно добавить параметр ‘chapters’ и передать в него значение цепочки для конкретной страницы. Значения ‘chapters’ можно указать кириллицей для простоты чтения отчёта в будущем.

Так, например, для страницы «Поступление/Выбор ВУЗа/Московский Государственный Университет» код счётчика может выглядеть так:

А для страницы «Средняя и старшая школа/Шпаргалки и решебники/Химия, 8 класс» вот так:

Отчёт «Разделы сайта» повторяет иерархию сайта и будет выглядеть так:

Таким образом, если на сайте одновременно присутствует более одной логической структуры, можно задать несколько иерархий: тогда в отчёте будет присутствовать несколько деревьев. Их может быть сколько угодно, а глубина каждого ограничена тремя уровнями. Последним (четвёртым) уровнем в отчёте всегда идёт URL размеченной страницы. Например, если мобильная версия вашего сайта находится на поддомене, вы увидите распределение между десктопной и мобильной версиями страниц.

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

А теперь вернёмся к вопросам, на которые мы хотели получить ответ раньше. Какой раздел сейчас самый популярный? Какой контент на сайте лучше вовлекает посетителей и дольше удерживает их на сайте? Какие статьи меньше всего интересны посетителям? Как видно в примере отчёта, за выбранный временной период наибольшей популярностью пользуется раздел «Поступление», в котором по посещаемости лидирует рубрика «Репетиторы и курсы». При этом видно, что глубина просмотра заметно выше для рубрики «Выбор ВУЗа», а у страниц рубрики «Репетиторы и курсы» высокий показатель отказов: большинство посетителей читают одну страницу за визит и уходят с сайта. Это может означать, что те, кто ищут репетиторов, или быстро находят нужный им контент, или наоборот, разочарованно уходят.

Для владельца сайта эта информация может быть поводом для контентных и навигационных изменений. Например, можно добавить блок с рекомендациями для продвижения страницы рубрики «Выбор ВУЗа» и других релевантных рубрик с хорошей глубиной просмотра и средним временем. Это позволит проверить гипотезу, что подобный контент будет интересен посетителям раздела «Репетиторы и курсы», и они дольше останутся на сайте, посмотрят больше страниц, с большей вероятностью вернутся на сайт снова. На самые популярные страницы можно будет добавить больше рекламных блоков. Страницы и рубрики с самым высоким показателем отказов необходимо переработать или вовсе пересмотреть их необходимость.

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

Добавление анонса, RSS-ленты и страница статистики в Рамблер ТОП 100

После регистрации и получения кода счетчика заходите на ТОП 100 Рамблера. Если вы вышли из каталога ТОП 100, то на этой вебстранице увидите надпись «Доступ запрещен». Тогда надо нажать на ссылку «Перейти к авторизации». В результате вас перебросит на следующий адрес, где необходимо ввести e-mail и пароль, которые были использованы при регистрации:

После нажатия на кнопку «Войти» окажетесь в своем аккаунте:

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

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

В таком же виде эта конструкция будет участвовать в рейтинге Рамблер ТОП 100. Идем дальше и добавляем ленту RSS путем клика по линку «Добавить RSS-ленту», это тоже имеет немаловажное значение:

Вписываем URL ленты и вводим капчу, затем переходим ко второму шагу:

Тут описываем RSS-ленту. Описание опять же должно соответствовать тематике web-ресурса. Естественно, желательно, чтобы оно содержало ключевые слова. На этой же web-странице учетной записи Рамблера 100 можно отредактировать и «Настройки счетчика» в другой вкладке (включая внешний вид информера), если вдруг решите их поменять. Нажав на ссылку с названием своего ресурса, перейдете на web-страницу статистики Rambler 100:

В этом окне будет отображаться различная статистическая информация о посещениях web-проекта, включая активность посетителей, страницы входа, источники переходов, поисковые запросы и другие важнейшие показатели. Чтобы посмотреть положение вэб-сайта в каталоге Rambler TOP 100, кликайте по одной из категорий раздела «Тема», находящейся в правом верхнем углу.

В качестве вывода

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

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

А что вы думаете по поводу рейтинга ТОП 100 от Рамблер? Пишите в комментариях свое мнение, буду рад услышать вас.