company_banner

Кнопка, которая нравится в 10 раз больше

    Вас приветствует команда проекта Платформа@Mail.Ru


    Сегодня мы пошагово расскажем вам, как Открытки@Mail.Ru интегрировали социальные плагины Моего Мира и что произошло после того, как на проекте поставили новую версию плагина “шары” — кнопку «Нравится».



    Также мы поделимся некоторыми результатами нашего недавнего эксперимента: цифрами по старой кнопке “В Мой Мир” и новой “Нравится”. Как нам кажется, таких экспериментов еще не было ни у одной из соцсетей. Мой Мир@Mail.Ru сделал это первым и собирается продолжать публикацию результатов подобных экспериментов.


    Интеграция с Открытками


    Шаг 1. Начало

    Мы начали интеграцию с Открытками в середине августа 2010, установив тогда еще старую шару со счетчиком (кнопку “В Мой Мир”), которая при клике на ней “поднимала” окно для написания комментария.

    Вот как выглядела статистика успешных публикаций ссылок в Мой Мир после установки кнопки:



    Кнопки “поделиться с друзьями” стояли на всех контентных страницах проекта:
    1. Открытка “С днем рождения”
    2. Праздник из “Календаря”
    3. День рождения знаменитости


    Также руководитель проекта предложила поставить “микрошару” в превью группы Открыток@Mail.Ru в разделах “Каталог”, “Топ”, “Новые”:



    Это было не слишком похоже на большую и хорошую возможность — делиться ссылками с микро-иконки, но, судя по результатам эксперимента, она дает внушительный эффект!

    Шаг 2. Внедряем социальные плагины

    Через неделю после внедрения старой шары, когда уже набралась определенная база для работы социальных плагинов, были установлены:

    Вот как выглядит плагин “Рекомендации” при его настройке:



    Кстати, конструктор плагинов под свои проекты можно протестировать тут.

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

    • Плагин “Рекомендации” можно кастомизировать по размеру, цвету и шрифту.
    • На основе информации, которой поделился пользователь, а также информации, которую рекомендовали его друзья, плагин определяет релевантный (или самый интересный) для него контент, а не тот, который просто набрал большинство шар или просмотров.
    • Плагин “Рекомендации” можно разместить как на главной, так и на других страницах сайта, чтобы пользователь сразу мог увидеть актуальную для него информацию. Это может здорово повысить глубину просмотра сайта онлайн-проекта и длительность сессии на сайте.
    • В случае с Открытками@Mail.Ru плагин “Люди на сайте” был размещен на главной странице, что позволило новым пользователям сразу увидеть, что на сайте есть “живые люди”, которые уже успели поделиться информацией — и их много! Такое размещение повышает лояльность посетителей по-отношению к ресурсу и увеличивает глубину просмотра страниц на сайтах, которые были рекомендованы.
    • Плагин “Люди на сайте” можно быстро и просто подстроить под фирменный стиль сайта, убрав в конструкторе рамку и заголовок, а потом просто вставить его в свой блок.


    Шаг 3. Ставим новую шару и готовимся к эксперименту

    Для того чтобы эксперимент был “чистым”, мы убрали все старые шары, включая ту “микро-шару” в превью, о которой писали выше. Она исчезла в пятницу, а в понедельник график показал уменьшение трафика аж на целую треть! Вот такой “макро-эффект”, оказывается, давала “микро-шара”. Мы поняли, что эта треть — люди, которые не успевают (или не хотят) досмотреть и мгновенно переходят дальше. Люди, которым нужно давать возможность делиться информацией с друзьями даже в превью!

    Вот как выглядит кнопка “Нравится” на Открытках, если установить ее с фото друзей и текстом (выделена красной рамкой):



    Она позволяет вам видеть аватары тех друзей, кто уже поделился этой страницей. Обратите внимание — если таких пока нет, блок будет минимального размера — просто кнопкой с текстом. (Когда мы впервые готовили информацию по этому эксперименту, чуть больше недели назад, на счетчике было 948! “Нравится” действительно лучше работает!)

    Новая шара доступна в разных вариантах: “микро” и обычная, с текстом. Также можно решить, показывать ли фото друзей и текст. Нужный вариант можно выбрать самим, в визарде кнопки.

    Шаг 4. Эксперимент. Результаты

    Эксперимент был очень простым: мы знали, что в старой шаре на промежуточном всплывающем окне “отваливался” какая-то часть пользователей. В новой версии кнопки мы убрали это лишнее окно и теперь ссылка публикуется в Мой Мир сразу после нажатия на кнопку. Комментарий можно добавить (или не добавлять) после, во всплывающем блоке.

    Второе — это текст внутри кнопки. Мы хотели узнать, как он влияет на CTR страниц, которые рекомендуют. Мы выбрали пять названий и начали менять их каждый день, автоматически собирая статистику. Плагин поочередно назывался “Нравится”, “Поделиться”, “Рекомендую”, “Опубликовать”, “В Мой Мир”.

    Что же мы получили?

    • CTR новой шары по показателю “показы кнопки/расшаривания” в разы больше старой, то есть новая кнопка дает намного больше публикаций ссылок в Моем Мире. Соответственно, и пользователей на проект возвращается больше. Это целевая аудитория, заинтересовавшаяся контентом, полученным по рекомендации друзей.
    • Самое эффективное название кнопки — “Нравится”.
    • Также мы выяснили, что фотографии друзей сильно увеличивают вероятность того, что пользователь нажмет на кнопку и поделится ссылкой на станицу сервиса со своими друзьями. А те, в свою очередь, поделятся со своими. “Вирусное распространение информации” в действии!


    Кстати, теоретически мы рассчитывали, что количество “шар” должно возрасти вдвое…
    Как же мы были удивлены, когда для многих проектов число шар повысилось в 5 раз, как, например, на Авто@Mail.Ru. А на Гороскопах@Mail.Ru даже в 10 раз — уже на второй день! Теперь это значение стало средним, с минимальными расхождениями, в зависимости от трафика в каждый конкретный день недели.

    График роста шар на Гороскопах@Mail.Ru после замены на новую кнопку “Нравится”:



    Общий результат: за время, прошедшее после внедрения (прошло чуть больше месяца) Открытки@Mail.Ru получили 50 368 шар в Мой Мир@Mail.Ru. И, судя по графику, они растут с каждым днем!

    Шаг 5. Глубокая интеграция (В заключение)

    Перед установкой социальных плагинов подумайте, какой у вас контент: статичный как на Открытках@Mail.Ru или меняющийся каждый день, как на Hi-Tech@Mail.Ru? И сделайте кнопку “Нравится” заметнее.

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

    Найти новую шару можно тут. Выберите вариант который вам подходит, скопируйте и опубликуйте код на своем сайте. Хотите большего? Выбирайте в конструкторе любой из социальных плагинов и устанавливайте!

    В следующий раз мы расскажем вам, как сделать полную интеграцию вашего сайта с Моим Миром, используя новые возможности быстрой регистрации пользователей в “два клика”, а также бесплатного привлечения и возврата пользователей на сайт: виджет в профиль пользователя, персональные уведомления, постинг в гостевую книгу и в ленту “Что нового” с разными ссылками-действиями. Будет больше примеров и цифр, включая данные по крупным сайтам Рунета.

    C уважением,
    Команда проекта Платформа@Mail.Ru

    P.S. На все ваши вопросы по интеграции обновленного плагина “Нравится” готов ответить Антон Мельников, менеджер по продвижению проекта Платформа@Mail.Ru.
    Добавляйте его в контакты: a.melnikov@corp.mail.ru.
    Конечно, он читает комментарии.
    Хорошего дня!
    Mail.ru Group
    1215,00
    Строим Интернет
    Поделиться публикацией

    Похожие публикации

    Комментарии 50

      +5
      Готов ответить на все вопросы. Пост немного сжали для информативности.
      Кто уже поставил новую кнопку Нравится из вас?
        0
        На новом проекте zavecher.ru сначала ограничился кнопками ВК, твиттера и Facebook'a. Увидев пост, сразу решил добавить кнопку и от мэйла.
          0
          А вы ее без фоток установили? А то я нажал. Если девушка зайдет на сайт (а она в друзьях) — не поймет.
          Это самое тонкое место — ставить плагин «люди на сайте» на дэйтинговом сервисе (про xxx я и не говорю!)
            0
            Да, без фоток.
            Действительно, мини-шпионаж можно сделать, если юзерскриптом в браузере для каждого сайта блок с фотографиями показывать.
              0
              Ну это не шпионаж, пока пользователь добровольно не нажал — вы не узнаете о нем ничего.
              А вот показать тех, кто совершал какую-либо активность на сайте можно прямо сейчас. Для этого откройте конструктор, и наберите название вашего сайта.
              0
              «Люди на сайте» в кавычках, так как есть плагин с таким названием. Собственно кнопка нравится с фотками показывает только друзей, а социальный плагин «Люди на сайте» — всех, кто совершал какое-то действие (в основном шарили информацию).
            0
            Кстати, один из пользователей по почте задал пару здравых вопросов — дам ответы тут, чтобы для всех. Заодно добавим информации на официальный сайт Платформы@Mail.Ru

            Посмотреть на действие новой кнопки вы можете на сайтах: аif.ru, pravda.ru, vesti.ru, roem.ru и других. Добавим примеры на страницу про кнопку.

            Я постараюсь записать подробный скринкаст (видео со звуком или титрами) по установке кнопки на сайт: как по шагам выбрать и установить кнопку. Не всем, как оказалось, это понятно.
            +7
            Нравится
              +7
              Где-то я уже видел кнопку такого вида))
                +1
                Поставил еще вчера, потому как трафик на сайт в основном с поиска mail.ru, поэтому и кнопка должна быть полезна для привлечения трафика из «моего мира», счетчики зашевелились — это радует.
                  0
                  Дмитрий, а на какой сайт поставили? Я собираю статистику.
                  Вот, кстати, презентация где мы можем использовать успешные кейсы от сайтов.
                  –9
                  Как же достало, что Вы сами ничего придумать не можете, а все тырите у ФБ…
                  Что за привычка спереть удачную идею, а не придумать что то свое…
                    +1
                    Как раз это собственная разработка. У Фейсбука есть лайк, но он в ленту не попадает как Share (который работает в два клика).
                    У нас Share (шара) работает теперь в один клик, и с фотками друзей. Кнопка также сделана синхронной, если вы поставите вверху и под контентом.
                      +1
                      Like попадает в ленту.
                        +1
                        Да, Даниль, но в виде заголовка-ссылки. Тут же будет полноценный Share: Картинка, заголовок, описание, ссылка.
                      +9
                      Да-да!!!1 Как же достало, никто ничего не может сам придумать: электронную почту уже все сперли, IM'ы тоже друг у друга воруют функцию передачи коротких сообщений, а все браузеры сперли у Mozilla (у нее ли?) вкладки!!!11

                      Давай парниша, жги еще :)
                        +1
                        У Opera)
                          +1
                          Продолжая логический ряд: малолетние фанатки ранеток кричат, что у Стивая Вая гитара, как у Ани из ранеток; малолетние фанаты вконтакте кричат, что фейсбук ворует у вконтакте функционал, ну а малолетние фанаты Google Chrome кричат, что это у Хрома все браузеры вкладки сперли :)
                            +1
                            Ну я кагбэ общеизвестный факт сказал, не более.
                              +1
                              Ну а я кагбэ бугагашеньку выдал :)
                    • НЛО прилетело и опубликовало эту надпись здесь
                        +1
                        Отвечу на первый вопрос: учтем, спасибо. Про инструмент замера количества шар, просмотра их в ленте и переходов с них уже думали. Это серьезная задача.

                        Про предложение — да, было бы очень хорошо иметь единый стиль. К сожалению пока кто-либо из сетей не предложит инициативу подобно OMF — это не реально. Сайты выкручиваются своим дизайном кнопок для социальных сетей, например music.ivi.ru. Но такие шары остаются «двухкликовыми», а следовательно менее эффективны.
                        +3
                        Графики без единой цифры — это что-то новое.
                        +1
                        Каким образом можно получить число «лайков» для данного URL? Мне это нужно для рисования кнопки собственного вида.
                          0
                          Пока вы не установите новую кнопку — вы не увидите разницу.

                          Новая кнопка пока не имеет возможности «кастомизации». То есть пока вы можете поставить только предложенные стандартные варианты. Шарить по какому-то URL в один клик — не безопасно. В старой хоть окно всплывает, и пользователь может отменить действие если его ввели в заблуждение.
                          –1
                          Слегка не в тему, но так реагирует на уведомления о ваших открытках мой SpamAssassin на сервере:

                          Yes, score=13.206 tagged_above=2 required=6.31
                          tests=[AWL=-2.135, BAYES_99=6.5, DNS_FROM_RFC_DSN=1.495,
                          HTML_IMAGE_ONLY_24=1.552, HTML_MESSAGE=0.001,
                          HTML_MIME_NO_HTML_TAG=0.097, MIME_HTML_ONLY=1.457,
                          MIME_HTML_ONLY_MULTI=0.001, MPART_ALT_DIFF=0.739,
                          MSGID_FROM_MTA_HEADER=0.803, MULTIPART_ALT_NON_TEXT=2.696]
                          autolearn=spam

                          Мне кажется он прав.
                            +1
                            Ну да, это не имеет отношение к теме. Но все же информацию руководителю открыток сообщу.
                              0
                              Очень распространенное развлечение админов: сначала блокируют доставку сообщений своим пользователям по своему субъективному разумению (даже не попытавшись связаться с блокируемым сервисом), а потом их пользователи начинают донимать службу технической поддержки заблокированного сервиса с вопросом — почему не приходят долгожданные письма любимого сервиса… :(
                              +3
                              меня в школе учили что графики с неподписанными осями научной ценности не имеют
                                0
                                Это верно. Можно еще манипулировать трехмерными графиками (например сектор ближе к пользователю). Я гарантирую, что наши данные верные, рост на проектах действительно доходил до 10-и раз!

                                Задача стояла показать эффективность в относительных цифрах — увеличение видно. Если бы мог показать абсолютные, показал бы. Кстати, эти цифры есть в статье — количество шар за месяц после внедрения их на открытки.
                                  +2
                                  >Я гарантирую, что наши данные верные

                                  Грузинская школа:
                                  Учитель: — Гиви, нарисуй равносторонний треугольник
                                  Гиви рисует
                                  Учитель:- Гиви, а теперь докажи, что этот треугольник равносторонний
                                  Гиви: — мамой клянусь, господин учитель!
                                    0
                                    Лев, в этом случае считали ручками и по логам. «Мамой клянусь!»
                                      +2
                                      Антон, лично я тебе верю, но «я гарантирую» в общем случае не является аргументом :)
                                +1
                                Хорошо было бы если параметры для кнопки можно было передавать в урле. Пока стоит кнопка с параметрами в мета-тегах, но это не очень удобно для движков… Или я что-то пропустил?
                                  0
                                  кстати, почему нет возможности удалить своё «Нравится»-сообщение?
                                    0
                                    Есть. Нужно еще раз нажать — зеленая галка пропадет.
                                    Есть одно но — если в URL будет другая комбинация символов — он будет считаться уникальным, поэтому для roem.ru/2010/10/06/addednews16742/ у вас видно сейчас 3 лайка, а если перейти не по заголовку, а комментарию roem.ru/2010/10/06/addednews16742/?c#com — ни одного.
                                    Эту проблему может решить веб-мастер, прописывая принудительно URL в шаре href="http://connect.mail.ru/share?share_url=УРЛ" на roem.ru/2010/10/06/addednews16742/ Тогда при переходе по второй ссылке вы все равно увидите 3 лайка.

                                    Кстати, таким способом для меняющегося каждый день контента, но на статичном URL можно сделать так, чтобы пользователь не делал анлайк, если завтра ему понравилась новая информация (см. пример horo.mail.ru/prediction/scorpio)
                                    Там в URL к шаре автоматически каждый день добавляется по шаблону ?dd-mm-YYYY значение, поэтому «завтра» уже будет новый URL, и вы можете его лайкать заново.
                                      0
                                      хорошо бы в Мире была возможность это своё сообщение удалить, не той же кнопкой на том сайте
                                        0
                                        В Моем Мире такую возможность тоже скоро сделаем, спасибо за фидбек.
                                    0
                                    Параметры какие? Фото, заголовок и описание, которые в метатегах можно настраивать сейчас для шары?
                                      0
                                      да, они самые, у Контакта так, а для Мира пришлось мета-теги делать, без собственных параметров для некоторых сайтов не очень удобно (автоматом подставляет не всегда то что нужно, да еще и надо ждать пока загрузит), а в мета-теги не так легко затолкать данные в движках, в том же Друпале приходится сильно изворачиваться…

                                      А вообще, молодцы )
                                        0
                                        Подумаем. Идея очень здравая.
                                        Спасибо.
                                    0
                                    Чувствуется рука Мильнера-фейсбучника :-)
                                      +1
                                      В чем этот майндмэп нарисован? :)
                                        0
                                        Это не пейнт, если вы подумали, это что-то менее сложное…

                                        На самом деле главное конечно не где а кем)) Весь мейл.ру у меня ассоциируется как раз вот с таким качеством. Примерно уровень одноклассников — Дно рунета))
                                          +1
                                          У Вас в профиле написано «Я не свинья» — почему же Вы себя ведете по-свински?
                                            –1
                                            Господи помилуй, отчего же? Это моя естественная человеческая и (хотелось бы верить) адекватная реакция, например (важное слово), на новости на главной странице Мейл.ру. Вы читали заголовки? Что скажете? Не могу представить приличного человека, который не сблюёт тут же на клавиатуру, прочитав заголовки новостей на морде Мейл.ру
                                          +1
                                          В Microsoft Visio 2010. Потом портирован в прозрачный PNG и доработан дизайнером.
                                            +1
                                            Спасибо )
                                          0
                                          Кнопка Share при нажатии добавляет запись, где все символы являются знаками вопроса.
                                          У сайта явно прописана кодировка windows-1251.
                                          В чём проблема, у вас или у меня, и что нужно сделать?

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

                                          Самое читаемое