Карусель

Коротко о главном

За время работы с каруселями мы многое про них узнали и не раз проверили свои знания на практике. Вот основные выводы, к которым мы пришли вместе с клиентами:

1. Подходят для любых задач. Карусели способны обеспечивать отличные результаты рекламодателям из самых разных отраслей, нужно только адаптировать формат под особенности рынка и поставленные задачи.
2. Эффективность – их второе имя. При правильной настройке у Каруселей самый высокий CTR среди всех рекламных форматов ВКонтакте. Высокий CTR, в свою очередь, снижает цену клика и стоимость целевого действия.
3. Креатив — только половина успеха. Настройка и оптимизация кампаний вносят в общий успех не меньший (а иногда и больший) вклад, нежели удачное креативное решение.
4. Все форматы хороши. Карусель – не повод игнорировать другие рекламные форматы, доступные в соцсети. Правильнее протестировать каждый из них и понять, что лучше работает в вашем случае.
5. Тестировать все новинки. Первое время после запуска нового формата пользователи ВКонтакте активнее с ним взаимодействуют, поскольку он еще не приелся. Такая ситуация – отличная возможность опередить конкурентов и снять сливки. 

Шаг 6. Создаем и воспроизводим лист

Kiwi Logo Carousel

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

Скачали модуль более 20 тысяч раз, версия официально поддерживается до 4.1.5 (нормально протестировал на 4.2.2). Общая оценка модулю весьма высокая — 4.7 баллов. Он построен на библиотеках bxSlider и Simple Page Ordering. Работает по аналогии с обычными записями блога, используя таксономию: в отдельном разделе создаете элементы логотипов и задаете им принадлежность в определенному слайдеру (как посты и категории).

Основные преимущества Kiwi Logo Carousel:

• Поддерживает создание нескольких разных слайдеров на странице, причем для каждого будут свои картинки и свои настройки.
• Имеется эффект черно-белых логотипов, которые становятся цветными при наведении.
• Возможность вставки горизонтальной карусели через PHP функцию или шорткод (для постов/статей).
• Настройка порядка следований логотипов в слайдере путем перетаскивания (Drag and drop) элементов в админке вордпресс.

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

Примеры использования

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

Давайте приведу несколько примеров:

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

1. Если что-то можно купить по супер выгодной цене, то укажите старую цену и новую. Еще больше внимания привлечет написанный на картинке размер скидки.
2. Добавьте самые популярные товары.
3. Продукция, выпущенная определенным производителем, и ее особенности.
4. Товары, которые дополняют друг друга. Например, кроссовки, спортивный топ, гантели, коврик для тренировки, майка и футболка, кепка.
5. Предлагаете что-то свое, объясните суть и добавьте кнопки, чтобы пользователь или смог подписаться, или связаться с вами по указанному номеру телефона.

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

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

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

Карусель Вконтакте

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

Идеи применения:

• Продемонстрировать один продукт, но с различных ракурсов (для детального ознакомления потребителя с товаром из ассортимента магазина);
• Показать набор товаров, для которого действует скидка на текущий момент времени. Тем самым вы сможете увеличить средний чек;
• Показать наглядную инструкцию по применению товара. Каждая карточка может послужить отдельным пунктом для разъяснения особенностей эксплуатации;
• Создать историю-комикс, где карточки расположены в определенной очередности. А в конце этого комикса можно добавить еще одну карточку со спецпредложением для потенциальных покупателей. То есть, после просмотра Карусели клиент получит приятный бонус (на ваше усмотрение);
• Представить аудитории главных спикеров грядущего мероприятия. Фотокарточки и ФИО каждого из участников конференции будут расположены на отдельной карточке Карусели;
• Если покупатели часто задают вам однотипные вопросы, можно ответить на них при помощи карточек. Каждая карточка – отдельная часть повествования;
• Сделать дайджест популярных материалов группы;
• Показать кейсы или портфолио;
• Загрузить в Карусель полезный контент вместо карточек, и подключить кнопку для перехода в сообщество. Для чего это необходимо? Конечно же, для того, чтобы заманить в сообщество новых фолловеров. Этот способ уже успел отметиться своей эффективностью, и является весьма популярным среди пользователей социальной площадки ВКонтакте.

Карусель ВК – это специальная запись. К ней прилагаются карточки. Их можно «приплюсовать» к скрытой рекламе. Что необходимо присоединить к карточке: название, краткое описание, картинку, кнопку. При необходимости вы можете указать сразу 2 стоимости товара – старую и новую

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

Здорово придумано, не правда ли?

Карусель ВКонтакте позволяет показать аудитории до 10 карточек. Их можно просмотреть в режиме слайдера.

Технические особенности (размер карусели в VK и многое другое)

1. Количество карточек в Карусели: 3-10 шт.;
2. В режиме редактирования меняется последовательность блоков;
3. Куда звать пользователей? Возможные варианты: в приложение, на личный сайт, в группу ВКонтакте;
4. Допустимая длина заголовка: 3-25 символов;
5. Размер картинки для карусели вконтакте: не менее 400х400px. Допускаются только статичные картинки (формат карусель в вк не поддерживает Gif-анимации);
6. Текст записи добавляется по желанию пользователя. Это не является обязательным полем для заполнения. Объем текста: 220 символов;
7. Стоимость указывается для всех карточек, однако оглашать цену вовсе не обязательно;
8. Способы оплаты: за клики; за показы;
9. На картинке разрешено размещать текстовую подпись или информацию (они должны занимать до 50% от общего пространства);
10. Вы активировали карусель вконтакте реклама. Теперь остальные вложения автоматически запрещены. Вы не сможете добавить видеозапись, фотографию, аудиозапись, карту или опрос;
11. В статистике указано общее количество переходов пользователей. Чтобы выявить эффективность каждой отдельной карточки, используйте URL-метки.

Продуктовые карусели

Что это? Объявления с карточками, в которые добавлены продукты рекламодателя: отдельные товары или целые категории. Продуктовые карусели делятся на две группы: категорийные и товарные. Категорийной называется карусель, в карточках которой показываются категории товаров или услуг, а ссылки ведут на страницы соответствующих категорий на сайте. Если же в карточках находятся товары, а ссылки ведут на товарные страницы, мы имеем дело с товарной каруселью.

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

Как их правильно оформлять? За время работы с продуктовыми каруселями мы выработали три золотых правила:

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

1. Еще лучше, если одинаково больше. Размеры товаров на фото должны совпадать: такие объявления и смотрятся более эстетично, и результаты показывают лучше.

1. Единый стиль – просто супер. Фото и иллюстрации во всех карточках нужно оформлять в общем стиле. Микс из диванов на белом фоне, у серой стены и под ковром вряд ли приведет вас к успеху.

Когда использовать товарные карусели? Самый очевидный кейс – когда на вашем сайте только одна категория товаров или услуг. Менее очевидный вариант состоит в том, чтобы размещать товарные карусели с таргетингом на узкую аудиторию (настолько узкую, что она интересуется товарам из конкретной категории). Если вам, скажем, удалось собрать аудиторию пользователей, заинтересованных в покупке настольных светильников, товарная карусель поможет показать им конкретные предложения.

При запуске товарных каруселей обязательно нужно проверять корректность объявлений. Чаще всего ошибки в них появляются из-за неактуальных цен или товаров, которых нет в наличии. Эту проблему решает «продвинутая» версия товарных каруселей – динамический ретаргетинг. Объявления этого формата генерируются автоматически, а актуальная информация подтягивается в карточки из фида товаров.

Кейс: взаимодействие категорийных и товарных каруселей

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

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

Пользователей, которые перешли на сайт, но не оставили заявку и не позвонили, мы собирали в отдельную базу. А затем показывали им товарные карусели с конкретными квартирами или планировками – именно теми, которые они недавно просматривали на сайте ЖК (здесь пригодился динамический ретаргетинг, о котором говорилось выше). Заявки, которые застройщик получал в рамках этой кампании, стоили ему вдвое дешевле: CPO был на 52% ниже, чем при размещении промопостов.

Logo Slider

Чуть было не забыл про модуль, с которого все начиналось. Плагин Logo Slider достаточно популярный (10тыс. загрузок) и актуальный (подходит для WP 4.2.2) с высокой оценкой в 4.3 балла.

В принципе, по функциональности мне здесь все подходило:

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

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

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

Рекомендации по созданию

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

1. Добавить к записи можно от 3 до 10 изображений.
2. Изображение на карточке должно быть статичное, то есть GIF-анимации использовать нельзя, минимальный размер фото 400х400 пикселей.
3. Для подробного описания товара можно добавить текст записи. Здесь количество символов ограничено – до 220.
4. У каждой карточки есть заголовок. Его нужно вместить от 3 до 25 символов.
5. Возможность добавления ссылки на: сторонний сайт, любое сообщество или приложение Вконтакте. Также можно указать номер телефона.
6. Максимальная цена, которую вы указываете – 10 млрд. рублей. Причем если вы цену и кнопку добавили на одну карточку, то они должны присутствовать и на других.
7. На размещаемом изображении может быть и текст, но занимать он должен не больше 50 % всей картинки.
8. Добавленные карточки можно переставлять местами, используя простое перетаскивание мышкой.
9. Если в качестве рекламной записи вы выбираете карусель, то прикреплять к ней другие вложения (фото, видеоролик, опрос и прочее) нельзя.
10. Посмотреть количество кликов по записи можно в разделе «Статистики». Но здесь не будут показаны переходы для конкретных карточек.

Easy Logo Slider

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

Скачиваний более 8 тысяч, хотя и оценка всего лишь 3.8. Последняя поддерживаемая версия указана WordPress 3.9.6. Работать с модулем достаточно просто, основные его фишки:

• Простота использования и небольшой вес скрипта.
• Адаптивность.
• Автослайдер и пауза при наведении.
• Возможность добавлять ссылки и описания для логотипов.
• Создание более одного горизонтального слайдера с разными опциями.

«Проблема» Easy Logo Slider в том, что вы не можете выключить автоматическую прокрутку картинок — то есть карусель работает постоянно. По крайней мере я в настройках этого не нашел. Хотя все остальное (в особенности интерфейс) выглядит достаточно неплохо.

Slick

Напоследок хотелось бы сказать о разных скриптах и библиотеках.

Некоторые из плагинов выше (и большинство других в репозитории WordPress) использует готовые скрипты и библиотеки. Slick — одно из таких решений. Если вы хорошо разбираетесь в веб-разработке, то можете попробовать подключить данный скрипт напрямую в вордпресс через шаблон. Если умеете создавать WordPress плагины, то и вовсе сможете разработать свое уникальное решение. Я, в принципе, находил пару плагинов с использованием библиотеки Slick, но количество скачивания в 50-100 раз, мягко говоря, не впечатляет. У такого решения могут быть глюки, проблемы с обновлением или дыры безопасности.

Итого. Для разрабатываемого сайта я использовал 2 модуля. Слайдер логотипов реализовал с помощью плагина Kiwi Logo Carousel, хотя там и была проблема с адаптивностью. Также для этой цели можно смело использовать Logo Slider. С задачей выводить горизонтальную карусель из выбранных постов блога справился модуль Carousel Horizontal Posts Content Slider. Пришлось подправить немного отображение его элементов на сайте, но зато с адаптивностью здесь никаких проблем.

Как сделать рекламную запись

Вверху выберите группу, от имени которой она будет опубликована. Затем напишите текст поста. Помните, что количество символов 220 и пробелы считаются. Затем переходим к добавлению первой карточки – нажмите на плюсик.

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

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

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

Под картинкой добавьте заголовок. Можно указать старую и актуальную цену на товар и добавить кнопку. Старая цена будет перечеркнута – так можно сделать акцент, что в магазине скидки. То, что будет написано на кнопке, нужно выбрать исходя из темы самой записи. Если собираетесь проводить какой-то тренинг или семинар, то подойдет надпись «Записаться»; если подразумевается регистрация и ввод личной информации, то «Заполнить»; если предлагаете горячие туры для отдыха, выбирайте кнопку «Забронировать» и так далее.

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

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

Добавляем так все картинки и жмем кнопку «Создать».

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

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

Чтобы посмотреть, как будет смотреться созданный рекламный блок с Каруселью в новостной ленте после одобрения ее модераторами, жмите «Открыть».

Это то, что получилось у меня. Можно посмотреть, какой товар на скидке, и перейти в магазин, кликнув по кнопке (это будет переход по указанной для конкретной карточки ссылке).

Дальше вернитесь к рекламному кабинету и обычным способом сделайте все настройки.

Карусель ВКонтакте и реклама: советы по настройке:

Что дальше?

Если пост пройдем модерацию, он попадет в новостную ленту ВК. И будет выглядеть следующим образом:

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

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

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

Саундтреки

Из фильма В центре вниманияИз фильма Ван ХельсингИз сериала Дневники ВампираИз фильма Скауты против зомбииз фильмов ‘Миссия невыполнима’Из фильма Голодные игры: Сойка-пересмешница. Часть 2OST ‘Свет в океане’OST «Большой и добрый великан»из фильма ‘Новогодний корпоратив’из фильма ‘Список Шиндлера’ OST ‘Перевозчик’Из фильма Книга джунглейиз сериала ‘Метод’Из фильма ТелохранительИз сериала Изменыиз фильма Мистериум. Тьма в бутылкеиз фильма ‘Пассажиры’из фильма ТишинаИз сериала Кухня. 6 сезониз фильма ‘Расплата’ Из фильма Человек-муравейиз фильма ПриглашениеИз фильма Бегущий в лабиринте 2из фильма ‘Молот’из фильма ‘Инкарнация’Из фильма Савва. Сердце воинаИз сериала Легко ли быть молодымиз сериала ‘Ольга’Из сериала Хроники ШаннарыИз фильма Самый лучший деньИз фильма Соседи. На тропе войныМузыка из сериала «Остров»Из фильма ЙоганутыеИз фильма ПреступникИз сериала СверхестественноеИз сериала Сладкая жизньИз фильма Голограмма для короляИз фильма Первый мститель: ПротивостояниеИз фильма КостиИз фильма Любовь не по размеруOST ‘Глубоководный горизонт’Из фильма Перепискаиз фильма ‘Призрачная красота’Место встречи изменить нельзяOST «Гений»из фильма ‘Красотка’Из фильма Алиса в ЗазеркальеИз фильма 1+1 (Неприкасаемые)Из фильма До встречи с тобойиз фильма ‘Скрытые фигуры’из фильма Призывиз сериала ‘Мир Дикого Запада’из игр серии ‘Bioshock’ Музыка из аниме «Темный дворецкий»из фильма ‘Американская пастораль’Из фильма Тарзан. ЛегендаИз фильма Красавица и чудовище ‘Искусственный интеллект. Доступ неограничен»Люди в черном 3’из фильма ‘Планетариум’Из фильма ПрогулкаИз сериала ЧужестранкаИз сериала Элементарноиз сериала ‘Обратная сторона Луны’Из фильма ВаркрафтИз фильма Громче, чем бомбыиз мультфильма ‘Зверопой’Из фильма БруклинИз фильма Игра на понижениеИз фильма Зачарованнаяиз фильма РазрушениеOST «Полный расколбас»OST «Свободный штат Джонса»OST И гаснет светИз сериала СолдатыИз сериала Крыша мираИз фильма Неоновый демонИз фильма Москва никогда не спитИз фильма Джейн берет ружьеИз фильма Стражи галактикииз фильма ‘Sos, дед мороз или все сбудется’OST ‘Дом странных детей Мисс Перегрин’Из игры Contact WarsИз Фильма АмелиИз фильма Иллюзия обмана 2OST Ледниковый период 5: Столкновение неизбежноИз фильма Из тьмыИз фильма Колония Дигнидадиз фильма ‘Страна чудес’Музыка из сериала ‘Цвет черёмухи’Из фильма Образцовый самец 2из фильмов про Гарри Поттера Из фильма Дивергент, глава 3: За стеной из мультфильма ‘Монстр в Париже’из мультфильма ‘Аисты’Из фильма КоробкаИз фильма СомнияИз сериала Ходячие мертвецыИз фильма ВыборИз сериала Королек — птичка певчаяДень независимости 2: ВозрождениеИз сериала Великолепный векиз фильма ‘Полтора шпиона’из фильма Светская жизньИз сериала Острые козырьки

Эволюция форматов

Соцсетям приходится адаптироваться к быстрым изменениям в поведении и привычках пользователей: сейчас люди живут в смартфонах, получают нужную информацию из видео и не обращают внимания на длинные посты. В наши дни рекламные объявления совсем не похожи на те, что выкатывались еще несколько лет назад. Давайте вспомним, как эволюционировали и совершенствовались рекламные форматы ВКонтакте.

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

Затем появились промопосты, которые показывались прямо в ленте новостей и были прекрасно видны на любых устройствах. Чего не хватало новинке – это кликабельных элементов (одну или несколько ссылок мог включать только текст объявления). На следующем витке эволюции появился промопост с кнопкой, и вот в нем кликабельным могло быть что угодно: кнопка, картинка, сниппет и даже номер телефона.

Но и на этом в соцсети не остановились. Летом 2017 года ВКонтакте выкатил карусели – промопосты, вмещающие до 10 карточек с горизонтальной прокруткой (и у каждой карточки своя картинка и ссылка). Мы начали экспериментировать с каруселями еще на этапе бета-тестирования, и сегодня считаем их самым эффективным рекламным форматом ВКонтакте.