UpToLike – новый социальный сервис, появившийся несколько месяцев назад. Причем – и вы на это обратите внимание – это не просто сервис социальных кнопок, каких немало, а именно сервис социальной активности. Именно так авторы-разработчики себя позиционируют.
В этом смысле его можно сравнить, пожалуй, только с сервисом AddThis, хотя последний безнадежно проигрывает соревнование, поскольку по своему функционалу этот сервис на голову выше.
Поэтому, если вы как молодой вебмастер еще не озаботились социальными кнопками на своем сайте, то советую на эти кнопки обратить самое пристальное внимание. А если вы какие-то кнопки уже поставили, то дочитайте эту статью до конца и… перейдите на эти кнопки.
Содержание статьи
Что предлагает вебмастерам этот сервис?
Прежде всего, социальные кнопки, дизайн которых вы можете определять самостоятельно.
(Картинка взята с сайта UpToLike)
Ниже мы посмотрим, как можно создать социальные кнопки по своему вкусу и разместить их на сайте. Но соц. кнопки – это только один модуль из трех.
Второй модуль – создание опросов на сайте. Делается это чрезвычайно легко, а как именно — мы рассмотрим в следующей статье (вместе с рейтингом)
Третий модуль – создание системы определения рейтинга статей на сайте («Нравится» — «Не нравится»), чтобы вы всегда могли определить какие статьи наиболее читаемые и полезные для посетителей.
Но особую ценность для нас, вебмастеров, представляет аналитика каждого из модулей. Сейчас имеется возможность проанализировать, какие страницы посетителями особо нравятся и они нажимают на кнопки, расшаривая их в соц.сетях. Становится ясным, какие сети наиболее популярны. Чуть позже появится демографический анализ пользовательской активности – очень важный аспект для тех, кто привлекает посетителей их рекламных сетей.
(Картинка взята с сайта UpToLike)
Примечательно, что все перечисленные выше модули можно посмотреть на главной странице сайта (вверху), даже без регистрации:
Рис.1 (Для увеличения любой картинки — кликните по ней)
Обратите внимание, что каждый из этих модулей будет вполне рабочим и вы сможете увидеть как все это будет выглядеть на сайте:
Повторюсь: вы еще ДО регистрации можете опробовать этот сервис в работе (не сможете только получить код) и ,если понравится, только тогда приступить к регистрации.
Регистрация
Регистрация в сервисе предельно простая: надо только указать свой e-mail, придумать пароль и ввести капчу. Сразу же откроется такая страница
Нам предлагают сразу же создать новый проект (это комплект кнопок для какого-то сайта).
Создание нового проекта для социальных кнопок
Для этого нажимаем на ссылку или на кнопку «Создать проект». В появившемся окне вставляем URL сайта: пишите его так, как он пишется в адресной строке браузера — http: //www.novichkoff.ru. После нажатия кнопки ОК, откроется страница настроек, такая же, как и на главной странице сайта (см.рис.2)
Настройки кнопок
На ней вы начинаете подбирать себе социальные кнопки и настраивать их (в левой части страницы), не забывая смотреть на изменения их внешнего вида в результате ваших настроек (стрелка).
Настройка очень простая, обращу ваше внимание только на 2 момента.
В разделе «Основные настройки» в графе «Назначение» вы можете выбрать пункт PicShare для расшаривания картинок. Обратите внимание на то, что кнопки в примерном сайте (справа) появляются только в момент наведения на эту картинку курсора, в обычное время их не видно. Попробуйте и вы поймете, что я имею в виду.
В разделе настроек «Показывать счетчик» значение общий показывает общее количество расшариваний. Ваши посетители будут видеть только его, а вы в своем аккаунте на сайте сможете проанализировать количество нажатий по КАЖДОЙ кнопке и в результате сможете выбрать и оставить на сайте только лучшие для вас соц.сети. Кстати, если у вас мало посетителей, то счетчик можете вообще убрать, а подключить позже – все расшаривания, сделанные ранее, будут отображены.
Несколько слов о «Цитировании». Это функция, которая позволяет читателям публиковать в соц.сетях только выделенные фрагменты текста (выделяется как при копировании). Функция удобная, слов нет, только я ума не приложу, как рассказать читателям, что она есть на моем сайте ?
Понажимайте разные кнопки, посмотрите, какой вид кнопок и их расположение вам подходит больше всего.
И не стоит переживать, что вдруг вам что-то не понравится и как это изменить: после получения кода, на вашей странице с перечнем проектов достаточно нажать на кнопку «Настройка кода» (стрелка):
После нажатия этой кнопки у вас откроется страница настроек.
Кстати, данные в этом сервисе отображаются мгновенно: не успел я разместить код на одном из своих сайтов и нажать пару кнопок (для проверки работоспособности), как тут же сервис мне отобразил итоги (см. рис. выше). А если вы желаете узнать детали, например, на какие именно кнопки нажимал посетитель, т.е. какими соц.сетями он пользуется, то достаточно кликнуть по ссылке «Подробная статистика» (в правом верхнем углу – рядом с настройкой кода):
Да, действительно я нажимал на кнопки Twitter и Facebook.
После того, как вы подобрали себе кнопки и настроили их, нажимаете кнопку «Получить код». У вас появится окно с кодом, который вы можете просто скопировать или же заказать доставку его по почте. По электронной почте код приходит очень быстро – в течении нескольких секунд. Скопировав код (в окне или в письме), вы теперь можете приступать к решению вопроса —
Где и как размещать код на сайте
Далее я буду рассказывать на примере WordPress’а. Открываете админку своего сайта и в левом меню нажимаете «Внешний вид» — «Редактор». Откроется страница «Редактирование файлов темы оформления», где вам надо определить в какой именно файл размещать код. А это зависит от того, где именно вы собираетесь разместить его на сайте.
Обычно социальные кнопки размещают в шапке, над заголовком статьи, в сайдбаре или под статьей. В шапке – не рекомендую: код кнопок — это скрипт, а за каждый лишний скрипт в шапке Google ругается: происходит замедление открытия сайта.
Размещение в сайдбаре допустимо, если у вас небольшое количество кнопок, скажем, 3-5 штук. Иначе при изменении размера экрана монитора произойдет деформация шаблона (кнопки начнут вылазить за пределы шаблона). Кроме того, учитывайте, что, если у посетителя планшет или мобильник, то сайдбар останется вне окна экрана его устройства, а если кого-то из вас адаптивный шаблон – сайдбар точно переедет вниз и совсем мало кто его там увидит. Но если вы хотите, то в следующей статье я покажу как это сделать.
Поэтому фактически у вас выбор – над статьей или под ней. В обоих этих случаях вам понадобится файл single.php (одиночная запись). В перечне файлов находите его (мне кажется, что этот файл есть во всех шаблонах) и кликаете по нему.
В открывшемся окне с кодом пишите что-то похожее на то, что у меня обведено прямоугольником:
Код там я сейчас размещать не буду, напишу просто слово «кнопки», чтобы посмотреть – где именно на сайте будут располагаться кнопки:
Вы, конечно, можете их сместить – вправо или установить по центру. Теперь посмотрим, в каком месте кода размещать кнопки, при их расположении после статьи. Я решил их разместить после навигации по статьям:
Красным прямоугольником обведена постатейтая навигация. Красной стрелкой указан код кнопок, который вы скачивали. А в синем прямоугольнике я написал заголовок–обращение к читателям и указал начало кода. Точно такой же указатель кода стоит и в его конце, это облегчает его поиски в будущем. Естественно, что там вместо BEGIN написано END. Как все это выглядит на сайте, вы можете посмотреть в конце этой или любой другой статьи.
Обратите внимание: у меня на сайте размещено максимальное количество кнопок, которое позволяет шаблон. Это делать вовсе не обязательно. Более того, большой выбор часто приводит к тому, что читатели просто отказываются выбирать. Поэтому в будущем я их количество уменьшу – по результатам аналитики оставлю наиболее популярные у МОИХ читателей.
И еще одна маленькая хитрость. Дело в том, что многие посетители не желают расшаривать статью первыми, предпочитая быть в толпе. Поэтому вы можете нажимать на кнопки, но не публиковать сообщения – все равно счетчик сработает и у вас будет какое-то первоначальное число расшариваний, специально для нерешительных. Тем самым вы облегчите муки некоторых людей. Только сами потом не запутайтесь при анализе.
Резюме.
Я в полном восторге от этого сервиса: учтены даже малейшие нюансы, например, на графиках автоматически отображается время именно вашего часового пояса. Пустяк! — скажете вы. Но этот пустяк показывает отношение разработчиков к нам, пользователям. Тем более, что таких пустяков очень много.
Понятно, что я просто не могу его не рекомендовать вам для работы. Если кто-то запутался в моих «не», то – я его рекомендую вам с чистой совестью.
И вы можете порекомендовать его своим друзьям: кнопки работают. (Это намек! LOL)
Благодарю Вас!
А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи.
Удачи!
Автор: Сергей Ваулин
P.S. Совсем забыл указать, что строка «Привлечено» показывает, сколько посетителей пришло по расшаренным читателями ссылкам из социальных сетей.
Похожие записи по этой теме:
- Новая складчина fxsa.me
- Как на сайте создать опрос (голосование) и рейтинг статей с помощью сервиса UpToLike
- Реальные SEO факторы в 2013 году
- Mutagen.ru – сервис подбора конкурентных запросов
- PostPR – очень удобная социальная сеть для вебмастеров
- Перечень RSS- агрегаторов и каталогов
- Как ускорить индексацию статей на сайте
- SeoDrom.ru – биржа для вебмастеров и оптимизаторов
- Лучший бесплатный сервис SEO анализа
- Как сделать заказ на бирже заданий Liked.ru