A- A A+
Share42 - социальные кнопки

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

Шаг 1. Выбираем кнопки

Переходим на сайт Share42.com и выбираем размер кнопок.

Социальные кнопки - Share42

Ниже выбираем социальные сервисы кликая по пиктограммам левой кнопкой мыши.

Социальные кнопки - Share42

Шаг 2. Указываем опции

В следующем разделе такие настройки:

  • Тип панели с иконками - горизонтальное или вертикальное расположение панели
  • Ограничить видимое кол-во иконок - если выбрано большое количество кнопок, можно ограничить их видимость и в этом случае на панели будет полоса прокрутки
  • Добавить иконку сайта Share42.com - убираем чекбокс (галочку)
  • К вашему сайту подключен jQuery - если подключен, ставим чекбокс

Социальные кнопки - Share42

Шаг 3. Скачиваем скрипт

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

После чего или сразу кликаем по кнопке Скачайте готовый скрипт.

Социальные кнопки - Share42

Шаг 4. Установка скрипта

  1. Распаковываем скачанный архив.
  2. Загружаем папку share42 в корневой каталог сайта. Название папки можно изменить или закачать файлы из указанной папки в другую корневую папку сайта (например, где расположены другие скрипты).
  3. На следующем шаге прописываем путь к вышеуказанной папки, заменяя "site.ru" на название Вашего сайта. Сразу будет предложено пройти по указанному пути и новое окно должно быть заполнено кодом.
  4. Наиболее подходящий сайт оставляем "Любой сайт"
  5. Копируем представленный на пятом шаге код.

Социальные кнопки - Share42

Социальные кнопки - Share42

Шаг 5. Сохраняем код

В админке открываем компонент Jumi, рассмотренный в уроке "Jumi. Как вставить любой код в статью или модуль".

На панели инструментов Jumi Applications Manager выбираем "Создать" и заполняем поля:

  • Title - share42 (любое название)
  • Alias - share42 (любое название)
  • Custom Script - вставляем скопированный ранее код

Выходим из созданного кода и запоминаем его идентификатор (3).

Социальные кнопки - Share42

Шаг 6. Создаем модуль

РАСШИРЕНИЯ => МЕНЕДЖЕР МОДУЛЕЙ => Создать => HTML-код. Даем ему заголовок и выбираем позицию.

Теперь в редакторе прописываем следующий код, в котором цифра 6 является номером идентификатора созданного перед этим в компоненте "Jumi" кода.

{[jumi*3]}

Социальные кнопки - Share42

Шаг 7. Любуемся кнопками

Чистим кэш (Урок "Мгновенная очистка кэша с Cache Cleaner") и посещаем сайт. В указанной Вами позиции теперь должна находиться панель с социальными кнопками.

Социальные кнопки - Share42

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

 

Комментарии  

#9 0 OlegYalta 09.06.2016 19:24
Продолбался целый день, но так и не заработало :cry:
Joomla 3.5.1
Jumi 3.0.5
У кого работает? поделитесь как настроить
Цитировать
#8 0 denslav 11.12.2012 10:26
Удалил код этих кнопок с сайта, время загрузки уменьшилось 22 сек до 4 сек.
Цитировать
#7 0 admiral163 03.08.2012 09:42
Получилось!!! Сервис share42 выдавал не верный код....
Цитировать
#6 0 Игорь 02.08.2012 03:06
Цитирую admiral163:
В моем случае, ссылки ведут куда нужно - только с позицией кнопок никак не разберусь.... Кроме как в модульных позициях их больше ни где не получается разместить((((

Хм... интересно :( Хотелось бы такого же поведения ссылок...
Цитировать
#5 0 Андрей 01.08.2012 14:32
Цитирую admiral163:
В моем случае, ссылки ведут куда нужно - только с позицией кнопок никак не разберусь.... Кроме как в модульных позициях их больше ни где не получается разместить((((

Итак. Модуль будет там, где нужно, благодаря стилям. Там прописано fixed, что полностью обнуляет позицию шаблона. Вывод кода можно вставлять в любую модульную позицию, а он всё равно будет там, где нужно :-|
Цитировать
#4 0 admiral163 01.08.2012 14:18
В моем случае, ссылки ведут куда нужно - только с позицией кнопок никак не разберусь.... Кроме как в модульных позициях их больше ни где не получается разместить((((
Цитировать
#3 0 admiral163 01.08.2012 14:14
Тогда в этих кнопках нет особого смысла)))))
Цитировать
#2 0 Андрей 22.07.2012 15:40
Цитирую Игорь:
Хм... В моем случае клик по кнопкам всегда предлагает поделиться ссылкой только на главную страницу сайта, независимо от текущей страницы.

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

Возможно стоит все таки использовать вариант скрипта "Прочие CMS" и вписать код жумлы, выдающий текущий url и код, выдающий название текущей страницы?

Можете подсказать вариант для J2.5? )

Для конкретных материалов есть соцбаттонс, а эта панелька пусть ведет на главную. Разделение труда :-)
Цитировать
#1 0 Игорь 21.07.2012 16:00
Хм... В моем случае клик по кнопкам всегда предлагает поделиться ссылкой только на главную страницу сайта, независимо от текущей страницы.

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

Возможно стоит все таки использовать вариант скрипта "Прочие CMS" и вписать код жумлы, выдающий текущий url и код, выдающий название текущей страницы?

Можете подсказать вариант для J2.5? )
Цитировать

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

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!