Статьи о создании и продвижении сайтов, заработке в сети и софте

Кнопки «поделиться в социальных сетях» от Uptolike для всех сайтов на любых движках

Кнопки «поделиться в социальных сетях» от Uptolike для всех сайтов на любых движках

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

Внимание, сервис создал модуль для Друпала, скачать можно здесь: https://www.drupal.org/project/uptolike

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

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

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

В-четвертых, на данный момент готовы плагины для Joomla и Wordpress. По словам службы поддержки сервиса, так же готовится модуль для Друпала, с помощью этого модуля можно будет посмотреть статистику прямо из интерфейса модуля в админке сайта.

Помимо кнопки «поделиться», Uptolike позволяет создать следующие вещи:

1. Лайки. Можно сгенерировать код и разместить его под статьями и у вас появятся кнопки лайка для популярных социальных сетей.

2. Кнопки «Подписаться». При настройке этого кода вы можете ввести адреса страницы на фейсбуке, группы вашего сайта во Вконтакте, в Одноклассниках, Твиттере и Гугл плюсе, сгенерируются такие же на вид кнопки, как и кнопки «Поделиться». А вы сможете создать блок под названием «Присоединяйтес к нам в социальных сетях» и разместить этот блок на любом нужном вам регионе сайта.

3. Рейтинг статей. Данная возможность реализована на моем сайте, чтобы взглянуть на это, найдите блок «Оцените статью», который расположен в конце статьи. Правда, если посетитель захочет поставить «Мне нравится» или «Не нравится», ему придется быстро авторизоваться на сервисе Uptolike через социальные сети. Без этой авторизации он не сможет дать свою оценку статье.

4. Кнопки «Поделиться картинкой». Это те же кнопки «Поделиться», но специально для картинок на вашем сайте, человек поделится не ссылкой на страницу, а картинкой. Для кого-то из веб-мастеров возможно нужен такой функционал.

5. Опросы. Можно создать опросы для сайта. Правда, Друпал давно реализовал такую возможность, есть специальный модуль в ядре Друпала. Но вот для других сайтов это может вполне понадобиться.

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

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

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

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

Шаг 1. Переходим на сервис Uptolike.ru и регистрируемся. После регистрации и авторизации вы можете создать кнопки «Поделиться». Для этого нажимаем на ссылку с нашим е-мейл адресом, в открывшемся меню нажимаем на пункт меню «Проекты» и в открывшемся окне нажимаем кнопку «Создать проект»:

Кнопки «поделиться в социальных сетях» от Uptolike для всех сайтов на любых движках

В открывшемся окне вы увидите список инструментов сервиса, нам нужен первый «Поделиться». Выбираем этот инструмент, нажав на кнопку «Настроить».

Шаг 2. В открывшемся окне приступаем к настройке этого инструмента. Я не буду останавливаться на всех настройках, там все просто. Но хочу обратить ваше внимание на настройки расположения счетчика и внешнего вида.

Кнопки «поделиться в социальных сетях» от Uptolike для всех сайтов на любых движках

Шаг 3. После того, как настроили все параметры, нажмите на кнопку «Сгенерировать код», и появится окно с предложением ввести адрес сайта, куда вы намерены вставить этот код. Вводим адрес сайта, нажимаем «ОК» и у нас открывается окошко с кодом. Копируем код, нажимаем «ОК» и окно закрывается.

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

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

Вот таким нехитрым способом мы можем добавить красивые кнопки социальных сетей от сервиса Uptolike  на любой сайт. Как видите, сервис классный, кнопки отличные, статистика присутствует, все идеально.

Надеюсь, эта информация будет вам полезна. Если возникли вопросы, смело задавайте их в комментариях, будем искать ответы вместе.

А в качестве бонуса я вам предлагаю посмотреть пятый, заключительный урок из небольшого, но полезного бесплатного видео-курса Радислава Гандапаса (четвертый урок можно посмотреть тут):

Комментарии

Аватар пользователя Sipth

а как добавить лайки uptolike под статью?

Аватар пользователя Admin

Такие как у меня? Если да, то там есть специальный инстументарий, об этом я скоро напишу.

Аватар пользователя Sipth

Если вы про блок "Оценить статью" то нет, я про сервис аптулайка который именно лайки делает http://uptolike.ru/widgets/like.html
там есть и сервис оценки статей, но интересуют именно лайки.

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

Аватар пользователя Admin

Понял вас. Действительно, нужная вещь. А вот те зеленые кнопки я с помощью модуля Views вывел. А так же форму подписки от джаст клика так вывел. Теперь смотрю, вспоминаю, как же я это сделал? Вроде бы так. Создал новую статью, нет, тип материала basic page использовал. скопировал код и сохранил страницу. Потом создал новое представление, настроил так, чтобы выводилось содержимое этой конкретной страницы, то есть поле body только. Потом с помощью модуля Eva (там же в интерфейсе этого представления нажал кнопку добавить, и выбрал EVA field) добавил новую страницу к этому представлению. После этого в настройках нужного мне типа материала (у меня статья) в управлении полями добавил это новое поле. А потом в управлении отображением установил место для этого нового поля (у меня поле "Оцените статью") сразу после поля body.

Просто во время настройки представления название "EVA field" изменил на "Оцените статью" и при добавлении нового поля в настройках типа материала выбрал этот тип поля.

Таким образом можно выводить все что угодно, конкретное видео, картинку, форму подписки, рекламу, и нужную вам вот эти кнопки "Нравится".

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

Аватар пользователя Admin

Вот, кстати, оказывается у меня есть статья о том, как это делать: http://abode-web.ru/kak-na-drupal-sayte-vyvesti-soderzhimoe-konkretnogo-...

Добавить комментарий