Авторизация:
Имя:

Пароль:

Поиск по сайту:

Поделиться:

Помощник Blogger -а: Создание и настройка блога на платформе Blogger (Blogspot) и его продвижение. Подробные инструкции и описание работы с Блоггером

Последнее на сайте:

Подписка на новости

Введите Ваш email:


Разделы:

рейтинг статьи: 5/5; голосов: 116; комментариев: 0

Главная > Создание сайта > UpToLike – сервис социальных кнопок с расширенными возможностями. Описание сервиса, настройка и установка кода

08.02.2017

UpToLike – сервис социальных кнопок с расширенными возможностями. Описание сервиса, настройка и установка кода

Здравствуйте дорогие читатели сайта. Сегодня рассмотрим сервис создания социальных кнопок UpToLike. Поговорим о его возможностях, преимуществах перед другим кнопочным конструктором Share42. Подробно разберем процесс установки кнопок UpToLike.ru на сайт. Постараемся раскрыть некоторые тонкости функционала этого сервиса. Итак, начнем…

Uptolike share buttons

Первым делом переходим на сайт сервиса UpToLike.ru. На главной странице видно, сколько сайтов используют share buttons этого сервиса (цифра гордо красуется на видном месте), сразу видно насколько он популярен среди вебмастеров. Такую известность он получил не только за простоту создания кнопок, но и за некоторые особенности, которых нет у конкурентов. Например, можно собирать статистику кликов по кнопкам UpToLike, не устанавливая дополнительный код. Об этом поговорим ниже.

 

Особенности кнопок UpToLike

В отличие от других сервисов создания кнопок он предлагает не только расшаривать ваш сайт, но и собирать подписчиков для ваших аккаунтов в соцсетях (Social Network). Достаточно будет поставить галочку в настройках и пользователям предложат после расшаривания вступить в вашу группу. Тем самым, вы сможете не просто делиться ссылками на ваш ресурс, но и собирать фолловеров для ваших групп и сообществ.

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

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

Кроме сбора фолловеров кнопки UpToLike предлагают возможность организовать голосование. Бесплатность сервиса только добавляет привлекательности ему. По заверениям его создателей, Аптулайк будет оставаться бесплатным и далее.

Что предлагает вебмастерам сервис:

  1. Кнопки для расшаривания в социальных сетях
  2. Всплывающие социальные виджеты (от стороннего сервиса)
  3. Лайки, счетчики
  4. Сбор followers (подписчиков в ваши группы)
  5. Конструктор голосований и опросов
  6. Плагины и модули share buttons для всех популярных CMS
  7. Статистика вашего ресурса

плагины Uptolike buttons

Как видите, список возможностей большой. Это делает share кнопки от UpToLike более привлекательными в сравнении с конкурентами. Кроме этого, для каждого вида кнопок предлагается большой список настроек, что дает возможность настроить их под любые требования вебмастеров. Давайте пройдемся по основным, востребованным разновидностям uptolike buttons.

 

Создание и настройка внешнего вида кнопок

Перед тем, как установить плагины у себя на сайте нужно зарегистрироваться на сервисе или авторизоваться. Для этого переходим на сайт uptolike.ru и нажимаем на ссылку «Мой Uptolike».

регистрация в сервисе Uptolike

Регистрация очень простая, достаточно ввести свой e-mail и придумать пароль. Авторизовавшись на сервисе, вы переходите в свой кабинет, где представлена статистика переходов по вашим кнопкам, ваши проекты и возможность настройки каждого из типов проектов.

личный кабинет Uptolike

Здесь можно выбрать период, который вас интересует, тип проекта.

Для создания проекта кнопок нажимаем «Создать проект». Перед вами открывается полный список всех типов проектов, представленных в сервисе. Для примера возьмем тип «Поделиться». Это один из самых востребованных типов проектов share buttons.

настройка блока кнопок Uptolike Поделиться

Интерфейс настройки всех кнопок простой и выполнен в виде двух панелей. В левой панели сами настройки и генерация кода, а в правой – пример того, как Uptolike buttons будут выглядеть на сайте. Стоит сразу обратить внимание, что кнопки можно адаптировать под мобильные устройства. Для этого стоит выбрать пункт в меню «Мобильный вид» и посмотреть в правой панели как они будут смотреться на экранах смартфонов (для этого выберем «Посмотреть в смартфоне» в правой панели).

Пройдемся по пунктам меню:

  1. Социальные сети. Здесь представлены популярные соцсети. Вы можете отметить галочкой ту сеть, которую вы хотите видеть в своем наборе кнопок. Если они не представлены по умолчанию, то, нажав на пункт «Еще социальные сети», вы увидите полный список возможных Social Network. Выбирайте любую и отмечайте ее галочкой
  2. Мобильный вид. О нем я говорил выше. Установив галочку в этом пункте, ваш блок кнопок будет адаптироваться под мобильные устройства. Пункт «Настроить социальные сети» дает возможность выбирать иконки каких соцсетей будут представлены для мобильной версии вашего сайта. Важно. Эта настройка касается только мобильной версии сайта, на стационарных компьютерах набор соцсетей будет совершенно другой
  3. Дополнительные настройки.
  4. Цитирование дает возможность цитировать выделенный текст в социальные сети. Пользователь выделяет понравившийся ему фрагмент текста сайта и выскакивает кнопка «Поделится». Нажав ее, он расшаривает выделенный текст в соцсети

  5. плагин цитирования фрагмента текста от Uptolike
  6. Наверх. Наличие этой кнопки упрощает навигацию по сайту. Пользователь может быстро переместиться на самый верх страницы
  7. Отключить кнопку. Убирает с блока кнопку выбора дополнительных соцсетей. То есть, в блоке будет представлены только выбранные вами кнопки
  8. Показать всплывающее окно с предложением подписаться. Этот пункт отвечает за сбор фолловеров в ваши группы в Social Network. Посетитель, нажав на любую из кнопок, увидит всплывающее окно с предложением вступить в вашу группу или сообщество. Настроить это окно просто, придумываете заголовок приглашения, краткое описание вашего приглашения, выбираете дополнительные соцсети и напротив каждой их вводите свой ID, под которым вы зарегистрированы в них

  9. плагин для сбора фолловеров от Uptolike
  10. Расположение блока. Вы можете выбрать, где будет располагаться ваш блок кнопок. В виде боковой панели (слева, справа, сверху или снизу) или в странице с текстом (горизонтально, вертикально)
  11. Далее настраиваем внешний вид кнопок. Нажав на пункт «Еще настройки» можно выбрать эффект наведения мыши на кнопку, стили и счетчики (для каждой кнопки или общий)

Закончив с настройками кнопок UpToLike, нажимаем «Сгенерировать код». В открывшемся окне вводим URL вашего сайта. Подтвердив ввод, перед вами откроется окно с кодом скрипта для вставки его на сайт.

код кнопок Uptolike для вставки в шаблон сайта

Вы можете отправить этот код на вашу почту, указанную при регистрации, можете скопировать его и вставить в код сайта. Нажимаем «ОК» и попадаем в личный кабинет, где вы увидите проект с URL вашего сайта. Изменить настройки или удалить существующий проект можно в личном кабинете.

изменение настроек проекта в Uptolike

На этом мы закончили настройку кнопочного блока на примере самого популярного типа share buttons «Поделиться». Интерфейс всех блоков понятен и дружелюбен для пользователей, поэтому по аналогии с блоком «Поделиться» настраиваются все остальные. Особого внимания стоит уделить не стандартному типу социальной активности – рейтинги.

UpToLike дает возможность посетителям сайта выразить свое отношение к прочитанному материалу при помощи голосования. Да, этот сервис позволяет создавать рейтинг статей, публикаций вашего ресурса. Правда он ограничивается только двумя вариантами «Нравится» и «Не нравится».  Тем не менее, благодаря этому новый посетитель сможет составить свое первое впечатление о содержимом страницы.

Давайте бегло рассмотрим, как создать рейтинг публикации при помощи сервиса UpToLike. В личном кабинете нажимаем кнопку «Создать проект». Выбираем тип «Рейтинги»

создание рейтингов в Uptolike

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

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

 

Как установить share buttons uptolike

Установка плагина uptolike не вызовет трудностей. Достаточно скопировать сгенерированный код и вставить его в HTML код вашего сайта в нужном вам месте страницы.

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

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

Можно провести эксперимент, установив кнопки в разных местах страницы и собрав статистику по кликам прийти уже к одному верному решению.

Как говорилось выше, UpToLike предлагает плагины для установки блоков кнопок в популярные CMS (wordpress, joomla, drupal). Об этом поговорим в следующих статьях.

 

Преимущества и недостатки

Сравнивать будем с несколькими аналогичными сервисами (блок «Поделиться» от Яндекс, Share42), поэтому берем обобщенный анализ этих сервисов.

Плюсы:

  1. Расширенные возможности кнопочного блока uptolike share buttons
  2. Функционал блока выходит за рамки понятия кнопок расшаривания в социальных сетях. Сбор фолловеров среди тех, кто воспользовался кнопками, создание рейтингов и т.д.
  3. Простота настройки и дружелюбный интерфейс

Минусы:

  1. Большой код для вставки в шаблон сайта
  2. Некорректно отображается в старых браузерах

 

Вывод

Плагин кнопок UpToLike очень удивил меня. Честно говоря, я не ожидал таких возможностей от простых, на первый взгляд, кнопок расшаривания. Этот сервис вобрал в себе и смог реализовать почти все требования вебмастеров, которые предъявлялись к подобным кнопочным плагинам. Простота настройки, установки и большой выбор типов кнопок делает сервис Аптулайк надежным помощником для  создателей интернет-проектов.

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

Всем удачи, ставьте лайки и оставляйте комментарии. Может я что-то упустил в описании сервиса UpToLike, прошу вас добавить это в комментах

 

Статьи по теме:

1710

Оцените статью:

1 2 3 4 5
рейтинг: 5/5; голосов: 116

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