Меню
Назад » » »

Кнопки Поделиться в социальных сетях. Соц бар в uCoz.


Кнопки Поделиться в социальных сетях Соц бар устанавливаем самостоятельно

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

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

Соц бар это более функциональный аналог кнопок Поделиться в социальных сетях

 После активирования соц бара на своём сайте Вам станет доступна детальная статистика расшаривания страничек Вашего сайта в соц сетях.

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

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

 Но активация премиум настроек  - дело сугубо добровольное : ), тем более, что и в безплатном варианте соц бара, разработчики, оставили немало полезностей в свободном доступе.

 Поэтому, сейчас, я начну знакомить Вас именно с безплатным вариантом активации соц бара на сайте созданном при помощи Конструктора uCoz.

 Итак, необходимо зайти в ПУ Вашего сайта для активации и настройки данного сервиса:

Настройки соц - бара в панели управления сайтом

Соц - бар настройки в ПУ сайта

Нажмите на кнопку Добавить кнопки Поделиться на сайт

 Вам будет нужно авторизоваться на платформе социальных кнопок. Это необходимо, чтобы привязать Ваш профиль в uCoz к сервису соц бар:

Авторицация в соц - бар

 Выберите каким образом Вам удобнее войти в сервис uSocial.pro и войдите : )

Авторризация в сервисе соц - бар

Подтвердите привязку Вашего аккаунта к сервису соц бар

Авторизацация в сервисе соц - бар

 И, наконец то, как принято говорить в подобных случаях, - Вы сделали это! Поздравляем : )

Ваш аккаунт в сервисе социальных кнопок привязан к Вашему сайту сделанному в Конструкторе сайтов uCoz:

Настройки соц - бара

 Что ж, определённо, сегодняшний день прожит не зря и Вы совершили, ещё, одно полезное дело : ) Но расслабляться рано - для полного счастья нужно настроить Ваш, новоприобретённый, соц  бар в соответствии с Вашими пожеланиями и, что, тоже, немаловажно, возможностями.

 Этим мы сейчас и займёмся.

Необходимо выбрать кнопки каких социальных сетей будут отображаться в блоке Поделиться Вашего соц бара

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

 uSocial.pro предоставляет возможность интегрировать на Ваш сайт кнопки более чем десятка различных соц сетей, но будьте благоразумны, подумайте о том как будет выглядеть блок "Поделиться" с пятнадцатью кнопками на страницах Вашего сайта?

 Не "затмит" ли он основную часть контента Вашего сайта?

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

 Впрочем дело Ваше, Вы можете добавить в Ваш соц  бар хоть все, доступные в сервисе, соц сети. Как говориться - "Чем бы дитя не тешилось" : ) 

Добавление кнопок соцсетей в соц бар

Выбрали необходимые Вам кнопки социальных сетей? Отлично!

 Займёмся остальными настройками: Форма иконок кнопок, Стиль иконок кнопок и т.п., вот это, вот, всё, в общем:

Настройка внешнего вида кнопок соцсетей в соц - баре

Настройка внешнего вида кнопок соцсетей

Настройка кнопок соцсетей из соц-бара

 После того как Вы закончите заниматься таким увлекательным делом как настройка внешнего вида кнопок соц сетей из Вашего набора, настаёт самое время изучить остальные возможности сервиса социальных кнопок от uSocial.pro, ну чтобы два раза не вставать : )

 Тем более, что разработчики uCoz, заботливо, разместили, в Панели Управления Вашим сайтом, ссылки на основные  возможности данного сервиса.

 Начнём изучение соц бара с самой первой ссылки:

Соц бар ссылки из Панели Управления сайтом

 Нажав на эту ссылку Вы попадёте на главную страницу сервиса от uSocial.pro.

Кратко ознакомимся с основными приложениями от разработчиков соц бара кнопок Поделиться

Главная страница соц - бара

Главная страница сервиса социальных кнопок

Приложения от разработчиков сервиса соц - бар

Все приложения от разработчиков сервиса социальных кнопок соц - бар

 Прямо глаза разбегаются и хочется внедрить все эти, без сомнения полезные и необходимые, штуковины на свой сайт, правда? : ) А что? И внедрим! Может быть. Попозже..

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

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

 Итак, бегло, изучив "меню приложений", на главной странице, вернёмся в Панель Управления сайтом для дальнейшего  серфинга по настройкам и возможностям соц бара:

 Ещё одна из возможностей, которая доступна Вам в Панели управления сайтом, это просмотр статистики количества поделившихся Вашими материалами посетителей, и в каких соц сетях, собственно, они поделились шедеврами Вашего творчества : )

Статистика кнопок Поделиться

Статистика соц - бара

 Впрочем возвращаться в ПУ вовсе необязательно.

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

 Как Вам удобнее, в общем. А я в ПУ вернусь - не зря же я делал ниже-следующий скриншёт :) 

Редактирование вида кнопок "Поделиться"

 Нажав на ссылку "Редактировать вид кнопок" мы, снова, попадём на сайт разработчиков и сможем продолжить настраивать вид кнопок, если возникнет такая необходимость после редактирования кнопок непосредственно из Панели Управления Вашим сайтом сделанным в uCoz.

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

 В этом то и прелесть "внедрения" различных сторонних сервисов непосредственно  в  Панель Управления сайтом, что, многие, необходимые действия можно совершать не покидая оной!

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

 Итак, после нажатия на ссылку Вы попадёте вот сюда:

Редактирование кнопок соц - сетей

 В принципе всё достаточно просто и наглядно. Прокручиваете страничку вниз и попутно делаете необходимые Вам изменения в настройках соц бара:

Редактироование соц - кнопок

Редактирование кнопок соц - бара

Настройка соц - бара

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

 А затем ввести адрес Вашего сайта в соответствующей строке на странице сервиса uSocial.pro ( это необходимо, только, в том случае если Вы настраиваете свой соц бар с "нуля" именно на сайте разработчика социальных кнопок ):

Настраиваем соц - бар

 Когда Вы закончите настраивать Ваш соц бар, то кнопки "Поделиться в соц сетях", автоматически, ( если Вы делали настройки в ПУ Вашего сайта на uCoz ) появятся на страничках Вашего сайта.

 Выглядеть это будет, примерно, таким образом:

Так выглядят кнопки соц - бара на сайте

 Если Вы внедрили эти кнопки через Панель Управления Вашим сайтом, то они будут присутствовать на ВСЕХ! страницах Вашего сайта.

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

Вам надо сохранить и получить код кнопок Поделиться на сайте разработчиков сервиса соц бар

 Вот так:

Вставка кода кнопок соц - бара на сайт

Получить код кнопок Поделиться соц - бара

Код кнопок соц - бара

 А затем разместить полученный код на своём сайте, через Панель Управления. Примерно так:

Вставка кода соц - бара на сайт

Вставка кода кнопок "Поделиться" соц - бара на сайт

Кнопки соц - бара код для вставки на сайт

Вот, в общем то, и всё что Вам нужно знать о соц баре кнопок Поделиться от uSocial.pro для начала работы с этим сервисом

 Напоследок, коротенько, познакомлю Вас с расценками на различные премиум пакеты от разработчиков данного конструктора социальных кнопок.

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

 Итак, снова, переходим на вкладку с Панелью Управления Вашим сайтом и жмём на ссылку "Приобрести премиум настройки":

Ккупить премиум пакет для соц - бара

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

Купить премиум настройки для соц - бара

Покупка премиум настроек соц - бара

Премиум настройки социальных кнопок для соц - бара

Премиум пакеты соц - бара

 Выбирайте тариф по вкусу и кошельку : ) Или пользуйтесь безплатным вариантом кнопок Поделиться соц бара.

 Наполняйте свой сайт полезными и интересными материалами и Ваши посетители, без сомнения, начнут делиться Вашим творчеством на своих страничках в социальных сетях и рекомендовать Ваш сайт своим друзьям!

Блок кнопок соц бара Поделиться Вам в помощь!

Соц - бар открыт

 Ну, и уж совсем, напоследок размещу, в своей статье, рекомендации от разработчиков платформы uCoz относительно одной из типичных проблем ( да минует Вас чаша сия! ) которая может возникнуть в процессе интеграции кнопок соц - бара на Ваш сайт:

""Вопрос: Я устанавливаю соц бар согласно инструкции, но он не отображается. Что мне делать?

Ответ: Для решения этой проблемы вам необходимо во всех шаблонах дизайна вашего сайта (Панель управления → Управление дизайном) добавить системную переменную "$ADMIN_BAR$" после тега . После этого соц-бар должен быть отображён.
 
Для тестирования вы можете добавить указанную системную переменную в шаблоне дизайна вашего сайта: Панель управления → Управление дизайном → Редактор страниц: Страницы сайта.""
 
 Напомню, что эта рекомендация касается, только!, владельцев сайтов созданных на Платформе Юкоз!
 
Если у Вас возникнут какие - либо проблемы с установкой сервиса соц бар на сайте созданном в других конструкторах, смело  обращайтесь за помощью непосредственно к разработчикам приложения соц бара Поделиться.
 
Думаю, что они не оставят Вас в беде! Тем более и беды то никакой нет и не будет! Ну я так думаю : )

Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина


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

Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

 Мой кошелёк в Яндекс Деньги

Удачи в создании и продвижении собственного сайта или интернет - магазина!

Пока никто не добавил свой комментарий к уроку.
Будьте первым, поделитесь мнением о статье с остальными.
avatar