Плагин SocButtons - добавляем кнопки социальных сетей в Joomla 3. Joomla кнопки соцсетей
5 лучших плагинов кнопок социальных сетей для Joomla
Бесплатные расширения для Joomla
Все рассмотренные в статье плагины бесплатны, устанавливаются стандартно через менеджер расширений.
Для того чтобы плагин начал работать, его необходимо включить, изменив его состояние в пункте меню «Расширения»-»Менеджер плагинов». Далее щелчком левой кнопки мыши следует открыть настройки плагина.
1. AddToAny
Официальный сайт: https://www.addtoany.com/buttons/for/joomla
С помощью плагина AddToAny можно добавить на сайт кнопки Facebook, Twitter, Google+, Pinterest, StumbleUpon и других социальных сетей, а также отправить ссылку на понравившийся материал по электронной почте. Дизайн кнопок современный и лаконичный: за значками Facebook, Twitter и Google+ следует кнопка с плюсом, клик по которой позволяет увидеть сокращенный вариант всех возможных ресурсов, на которых можно поделиться материалом
и его полный список при нажатии на кнопку «More» (не забудьте о полосе прокрутки).
Плагин совместим с Joomla 3.x и Joomla 2.5, имеется неофициальный релиз для Joomla 1.5.
2. SocButtons 1.5
Официальный сайт: http://socext.com/download/socbuttons/71-socbuttons-v15.html
Плагин SocButtons позволяет отображать в статьях кнопки наиболее популярных социальных сетей: Facebook, Twitter, Google +1, LinkedIn, ВКонтакте, Я.ру, Мой мир, Одноклассники.
На вкладке «Плагин» необходимо настроить параметры отображения для каждой из кнопок социальных сетей. При просмотре настроек отображения плагина создается впечатление, что он ориентирован в первую очередь на пользователей Facebook, и вполне возможно, что многие, устанавливая его, ограничиваются именно этой кнопкой. Среди настроек кнопки Facebook, кроме стандартного для всех кнопок параметра «показывать» с вариантами «да, нет», присутствует возможность выбора направления кнопки (вертикальное либо горизонтальное), её ширины, надписи, цветового оформления, шрифта и языка отображения.
Настройки кнопок твиттера и других социальных сетей гораздо скромней:
Для установки кнопки «ВКонтакте» необходимо быть зарегистрированным в этой социальной сети, указать свой сайт в аккаунте и вставить полученный id сайта в настройки кнопки. Для кнопок социальных сетей «Я.ру», «Мой мир» и «Одноклассники» есть опция выбора типа кнопок: «кнопка» или «иконка».
Последняя позиция в опциях настройки плагина показа кнопок социальных сетей – настройки показа кнопок. Их можно отображать или не отображать на главной и в категориях, перед текстом или после него, выравнивать справа или слева, исключая определенные категории или даже страницы.
На вкладке «Дополнительные параметры» можно скрыть копирайт.
В целом, плагин достаточно прост и хорош в случае, если нужно установить кнопки именно этих социальных сетей, либо только Facebook.
Плагин совместим с Joomla 1.5-2.5 и выше.
3. MVSocialbuttons 2.0.0
Официальный сайт: http://joomlamaster.org.ua/plaginy/54-plagin-sotsialnykh-zakladok-joomla-2-kh-i-dzhumla-3-kh-mvsocialbuttons-2-0.html
Плагин MVSocialbuttons 2.0.0 позволяет выводить следующие социальные кнопки: Delicious, Digg, Facebook, Google, LinkedIn, Technorati, Twitter, ВКонтакте, LiveJournal, Мой мир, Я.ру, Одноклассники, БобрДобр и Liveinternet. Дополнительно можно вставить код пяти кнопок любых сервисов.
В настройках плагина предлагается выбрать стиль отображения кнопок:
Далее предлагается определиться с позицией размещения социальных кнопок (вверху материала, в нижней его части или и там, и там), исключить категории и статьи, в которых показ кнопок будет неуместен, или наоборот добавить статьи, в которых нужно отображать кнопки социальных сетей. В данном плагине имеется возможность показа пользовательского заголовка над кнопками социальных сетей, а также вывода ограничительных линий. Опция позиция иконок имеет три варианта: слева, справа и по центру. Для каждой из кнопок социальных сетей дополнительно настраивать ничего не нужно, требуется лишь выбрать те, которые нужно отобразить на сайте.
На вкладке «Дополнительные параметры» имеются формы ввода для вставки произвольного кода кнопок.
Плагин подходит для Joomla 2.5 и её последующих версий.
4. JL Like
Официальный сайт: http://joomline.net/downloads/jllike.html
Плагин позволяет добавлять кнопки социальных сетей Вконтакте, Facebook, Одноклассники, Google+, Яндекс, Мой мир, Linkedin, Pinteres и Twitter. Плагин JL Like совместим со всеми актуальными на данный момент версиями Joomla.
Отличительными свойствами этого плагина является его небольшой вес, а также то, что он не создает внешних ссылок на социальные сети и не подгружает внешних скриптов, благодаря чему сокращает время загрузки страницы. Кроме того, плагин позволяет вести подсчет голосов из социальных сетей.
В настройках плагина кроме опции подгрузки JQuery и секции загрузки библиотек можно включить возможность автодобавления социальных кнопок при создании нового материала, а также выбрать место их расположения.
На отдельной вкладке настройки плагина можно включить все нужные кнопки социальных сетей.
Для вывода по тегу используется комбинация {jllike} , а для запрета его вывода – {jllike-off}. Таким образом, с помощью плагина JL Like социальные кнопки можно вывести в любом месте статьи и даже блоге категории Joomla. Среди минусов стоит отметить отсутствие возможности удаления ссылки на сайт разработчика – для этого рекомендуется приобрести расширенную платную версию.
Плагин совместим с Joomla 2.5 и Joomla 3.x.
5. Плагин кнопка Qip
Официальный сайт: http://jtemplate.ru/ru/moi-raboty/besplatnye-rasshireniya/996-plagin-knopka-qip.html
Плагин кнопка Qip занимает мало места, очень функционален и при этом требует минимум настройки. Так выглядит панель параметров плагина.
Из минусов следует отметить отсутствие возможности выбора отдельных кнопок социальных сетей, а также английский интерфейс настройки. Плагин предлагает четыре стиля отображения кнопок:
Кроме того, можно настроить расположение и выравнивание социальных кнопок, исключить категории и статьи, в которых кнопки отображаться не будут.
Плагин разработан для Joomla 2.5/3.x.
- < Назад
- Вперёд >
www.jtemplate.ru
Плагин SocButtons - добавляем кнопки социальных сетей в Joomla 3
14 Января 2014 | просмотров: 14077 | рубрика: Joomla 3Куда уж без этих социальных сетей в наше время. Всем охота иметь кнопки, которые позволяли бы читателям блога лайкнуть ваш пост или поделиться им в социальных сетях. Я достаточно давно использую плагин SocButtons на своих сайтах и он вполне меня устраивает своим функционалом. О том, как за 5 минут добавить себе на сайт под управлением Joomla 3 кнопки для ведущих социальных закладок читаем в этом посте.
Для начала качаем сам плагин для Joomla 3 - например с депозита отсюда (этот архив сначала распаковать), либо с сайта автора http://socext.com. Для зарегистрированных пользователей моего блога файл плагина для скачивания доступен во вложениях к данному посту в конце страницы (можно устанавливать сразу). Архив с плагином носит название plg_socbuttons_v15_J30.zip и устанавливается через менеджер расширений Joomla. После чего его можно найти в менеджере плагинов и собственно перейти к его настройке.
Первым делом определяемся нужен ли нам FaceBook. Мне нужен, поэтому Я выбрал Да. Если измените язык, то вместо слова "Like" будет написано "Нравится" на кнопке. Остальное настройки оформлений для этой кнопки советую для себя определить методом тыка или оставить как есть.
Твиттер. Хорошо нагоняет к вам гостей и ботов, если кто-то с огромным количеством подписчиков твитнет вашу страницу. Определенно нужен. Также можно выбрать язык, русский не ставил, даже не знаю что тогда он пишет, стандарт больше нравится. Ну и после следует еще одна полезная кнопка для Гугл +1 = включайте. Сервис набирает обороты и вообще хорошо воспринимается самим гуглом.
ЛинкИд мне чужд, поэтому и не нужен. Не зарегистрирован я там, да и вообще представления не имею что это. Кому нужен для красоты и понта - оставляйте. Вот Вконтакте - вот это полезная кнопка.
Включаем и идем получать ваш ID для вашего сайта на страницу vk.com/dev.Авторизуемся в контакте, открываем страницу vk.com/dev и дальше как показано на анимированном скриншоте ниже:
В общем думаю понятно откуда взять ID и куда вставить. Дальше у нас по пункту Я.ру. Мне не нравится поэтому отключен. Для кучи включают все кому не лень. Ну а кнопки одноклассников и мой мир тем более выключены, так как не перевариваю эти сети.
Далее выбираем хотите ли вы видеть блок этих кнопок на страницах типа главная или отображения категорий. Я отключил, у меня отображаются только в материалах. Те страницы, на которых кнопки должны быть отключены введите в поля исключить. ID материала или категории соответственно.
Ну а на вкладке дополнительные параметры можете отключить копирайты автора, чтобы на странице не появлялась еще одна лишняя внешняя ссылка. Но о том как вознаградить автора плагина (хотя я бы тоже не отказался) тоже не забудьте.
Ну вот и все с настройками. Следите за тем, чтобы плагин был опубликован и доступен группе Public. Как работает данный плагин в Joomla 3 вы можете видеть чуть ниже этого абзаца.
Нравится? Тогда ставь лайк или жми мне нравится!
Добавить комментарий
yagnenok.com
О сайтостроении - просто и незайтеливо: Как установить кнопки социальных сетей на Joomla, простейший вариант
Кнопки соц. сетей – простой (люблю я все простое!), но приносящий регулярные плоды способ повышения посещаемости сайта. Что бы там не говорили различные умники, кнопки работают и обеспечивают регулярный прирост аудитории – особенно, если вы не чураетесь расшарить собственный материал собственноручно.Однако для сайтов на Joomla установка кнопок соц. сетей сопряжена с некоторыми трудностями. В частности, на Joomla не работает сервис «Поделись» от Яндекса. Вы можете бесконечно отключать редактор и совершать прочие манипуляции, но если вы близки в вопросах сайтостроения к чайнику, пусть даже активно эволюционирующему (как я), то сервис нормально не встроится и исправно работать не будет. Проверено на многочисленных синяках и шишках, и не только своих.
Так что лучше поискать что-то простое и заведомо рабочее. На сегодняшний день простейшим способом установки социальный кнопок на Joomla-сайт является плагин Russian social bookmarks buttons.
Этот плагин позволяет анонсировать материалы сайта во всех наиболее популярных соцсетях: Twitter, Facebook, Вконтакте, Google Buzz, LiveJournal, Мой мир, LiveInternet, Я.ру и Одноклассники. Скачать плагин Russian social bookmarks buttons можно, к примеру, здесь.
После скачивания получаем архив, в свою очередь состоящий из четырех архивов:- rusbuttons21.zip - кнопки соцсетей с круглой формой кнопок- rusbuttons22.zip - кнопки соцсетей с квадратной формой кнопок- jOdnoKlass.zip - кнопка «Класс» (Одноклассники)- jMailLike.zip – кнопка «Нравится» (Майл)
На мой взгляд, лишние кнопки ни к чему – я выбирала из наборов. В наборах круглые кнопки выглядят так:
а квадратные эдак:
(на фон внимания не обращаем - он настраивается, см. ниже)Что делать после того, как мы определились с выбором кнопок:1.Закачиваем выбранный архив плагина на сайт, используя стандартный путь установки плагинов (Расширение – Установить/Удалить)2.Производим настройку установленного плагина: в Менеджере плагинов находим Сontent - Russian social bookmarks buttons, переходим в плагин и производим следующие манипуляции:
- в левом поле устанавливаем переключатель «включен» в позицию «да»
- в правом поле выбираем дизайн иконок (set1-24 или set2-24)
- ниже устанавливаем префикс поста в твиттере – т.е. определяем имя того, кто поделится ссылкой на наш материал в твиттере; по умолчанию стоит #joomla 15, но на мой взгляд лучше выбрать вариант @RT – тогда в твиттере будет отображаться следующая информация: @RT:name + адрес на предлагаемую ссылку (где name – имя пользователя)
- ниже редактируем информацию в поле «вступительный текст» (т.е. текст, который отображается на нашем сайте перед блоком кнопок) - можно оставить предложенный стандартны текст или сочинить новый, типа «вах-вах-вах, какой интересный материал, поделюсь ка я им с дружбанами»
- ниже настраиваем размер иконок – доступны варианты 24, 32 и 48
- использовать сокращатель ссылок – этот пункт лучше оставить как есть
- цвет бэкграунда, т.е. фона под кнопками – по умолчанию стоит желтый, но мы можем настроить его в соответствии с нашими предпочтениями и стилем сайта
- далее можно задать расстояние между кнопками в пикселах
- бордер – задать или убрать обводку блока с кнопками
- показывать кнопки в конце статьи - удобно, что можно поставить кнопки по умолчанию на все страницы, а можно выводить только по тэгу {social} - лично я предпочитаю второй вариант, как более гибкий
- наконец, разработчик предусмотрел сокрытие ссылки на плагин – если такая возможность есть, думаю, разумно будет ею воспользоваться.
webulya.blogspot.com
Как добавить кнопки социальных сетей на сайт
Сейчас практически кадждый сайт имеет кнопки социальных сетей, которые позволяют увеличить его посещаемость. Люди которые заходят на сайт, кликают по этим кнопкам (мне нравится) и сайт попадает на страницу пользователя в социальной сети. Его друзья тоже видят это и могут попасть к вам на сайт переходя с социальной сети.
В этом уроке мы рассмотрим плагин с помощью которого можно будет быстро установить социальные кнопки на страницы своего сайта на Joomla. Эти кнопочки будут приятно смотреться под заголовком статьи.
Конечно практически все социальные медиа дают свой код для установки на сайт, но удобнее использовать специальные плагины для этого, которые устанавливают кнопочки всех социальных сетей, при этом эти кнопочки можно конфигурировать или отключать.
Рассмотрим установку кнопоксоциальных сетей на сайт на примере плагина SocButtons. На примерах подключим этот плагин, чтобы он отображал эти кнопочки, как на рисунке 1:
Сначала нужно скачать плагин с сайта разработчика здесь:
http://nauca.com.ua/plugins/socbuttons/
Но перед установкой в плагине нужно зделать некоторые изменения, так как этот плагин имеет скрытую ссылку, про что сказано на оффициальном сайте SMS Joomla:
Editor's NoteInserts backlink to the developer.
Имейте ввиду, что Яндекс не любит скрытые ссылки на сайте и за это ваш сайт может попасть в бан. Я настоятельно рекомендую проверять все плагины на наличие скрытых невидимых ссылок и удалять их или использовать другие компоненты, которые не имеют таковых ссылок.
Поэтому скачанные архив с плагином (в нашем случае plg_socbuttons_J15v1.4.zip) разархивируем локально на компьютере в отдельную папку. Находим в этом архиве файл plg_socbuttons\socbuttons.php. Открываем его в блокноте (примечание: удобно исползовать для таких целей бесплатный текстовый редактор Notepad++, который описан здесь: http://joomla-master.com/soft/commonsoft/45-notepadpp.html) и находим строчку с номером 223, где есть ссылка на сайт разработчика (рисунок 2):
После удаления этой строки сохраняем файл и снова с помощью архиватора архивируем его в архив .zip.
Утановка плагина производится с помощью Менеджера расширений joomla (рис. 3)
После удачной установки Вы должны увидеть надпись "Установить плагин: Удачно" (рис. 4)
Теперь нужно включить плагин SocButtons в Менеджере плагинов. Заходим в Менеджер плагинов и ищем плагин Content - SocButtons. Если у вас уже установлено много других плагинов, то удобно пользоваться фильтром "Включен". Кликаем два раза по колонке "Включен" и появятся отключенные плагины в самом верху списка (рис. 5). Мы можем включить его здесь или кликнем по нашему плагину Content - SocButtons, чтобы его настроить. Откроется окно с настройками плагина (рис. 6), где мы можем его включить или изменить его настройки: включить или выключить социальные сети, выбрать язык, вид кнопки, задать ширину, надпись, цветовое оформление, шрифт.
www.joomla-master.com
Социальные кнопки на Joomla -
class="eliadunit">
Вступление
В прошлой статье я рассказывал, как создать свою социальную сеть на базе Joomla. В этой статье будем делится своими статьями в глобальных соцсетях Интернет. Если вы не создаете сайт для индивидуального пользования, то важным параметром нужности сайта является его посещаемость. Чем больше качественных посетителей, тем лучше. Еще лучше если посетители могут поделиться понравившимися статьями с друзьями.
Интеграция сайта с социальными сетями и группами в социальных сетях позволяют сообщать о выходе новых статьях, дают возможность посетителям рассказать друзьям о понравившихся статьях и «положить» интересные статьи в свои закладки.
Как разместить социальные кнопки на Joomla сайте
Для «привязки» сайта Joomla к социальным сетям существует много интересных расширений, которые позволяют разместить социальные кнопки на Joomla сайте в статьях и/или модулях. О таких расширениях и пойдет речь далее. Все представленные расширения совместимы с Joomla 3.x.
Социальные кнопки CoalaWeb
Бесплатный компонент CoalaWeb, с плагином и модулем, позволяет разместить, красивые (9 стилей), заметные (4 вида кнопок) социальные кнопки в любом модуле сайта. На странице можно поместить блок социальной связи с сетью Facebook с кнопкой «Like».
Социальные кнопки разбиты на две группы. Одна группа кнопок позволяют поделиться статьей (11 кнопок Share), вторая группа кнопок, позволяют следовать за вашими социальными группами и присоединяться к ним (28 кнопок Follow).
Компонент не интегрирован с отечественными социальными сетями: ВКонтакте, Одноклассники. Есть Pro версия.
Скачать компонент можно на авторском сайте: https://coalaweb.com/extensions/joomla-extensions/coalaweb-social-links
FastSozial плагин основных социальных кнопок сети
FastSozial не громоздкий плагин для размещения социальных кнопок в статье и/или модуле сайта основных социальных сетей: twitter, facebook, google, pinterest, linkedin.
В настройках можно включить счетчик лайков, который будет виден рядом с кнопкой. Плагин не выделяется разнообразием дизайна, но именно по - этому вписывается в любой дизайн сайта. Плагин легкий и быстрый, систему не перегружает. Работает в двух режимах:
- Автоматическое размещение кнопок соцсетей в каждой статье;
- Ручное размещение кнопок в любом месте статьи. Синтаксис: {fastsocialshare}.
Скачать плагин: http://storejextensions.org/extensions/fast_social_share.html
Плагин Social presence
Плагин Social presence позволяет разместить на сайте joomla до 18 кнопок «импортных» социальных сетей. 68 вариантов кнопок, с 10 видами дизайна.
Простой, легко настраиваемы плагин позволяет разместить социальные кнопки в углу экрана (снизу, сверху, справа, слева), горизонтально или вертикально. Такое размещение не мешает просмотру сайта, но привлекает внимание посетителей.
Скачать плагин можно на странице автора: http://www.template-joomspirit.com/joomla/free-joomla-extension/product/53-plugin-social-presence
Social Media Links Slider – слайдер социальных кнопок
Social Media Links Slider это бесплатный модуль (ранее стоил 30$) социальных кнопок, позволяющий разместить их в углу сайта и/или в выезжающем слайдере «Follow».
Слайдер выезжает при наведении мыши на надпись «Follow». Можно поместить вертикальный ряд кнопок, без слайдера, будут видны постоянно. Всего можно настроить 120 кнопок социальных сетей. Отечественных соцсетей нет, правда есть кнопка LiveJournal.
Скачать модуль можно тут: http://www.sanantonio-computerrepair.com/joomla-extensions/social-media-links-slider-pro/(бесплатно).
class="eliadunit">Плагин Social Buttons
Sozial Buttons простой плагин для размещения кнопок трех основных соц.сетей (Facebook, Google Plus and Twitter) вверху или внизу статьи. Кнопки могут быть дополнены счетчиками лайков.
Плагин очень простой, быстрый и легко настраиваемый.
Скачать плагин: http://www.elitewebdev.com/extra/joomla/joomla-social-buttons
Joomla Share Bar – эти кнопки вы видели часто
Один из популярнейших плагинов социальных кнопок, особенно у западных блогеров – плагин JoomlaShareBar.
Кнопки (Facebook Like, Twitter Tweet, Google +1, Google + Share, LinkedIn, Buffer, Pinterest) появляются во всплывающем вертикальном или горизонтальном модуле.
В настройках, можно выбрать какие кнопки показывать, в каком дизайне, и в каком порядке. Все кнопки имеют счетчики лайков.
А как же с отечественными социальными сетями. Представлю плагин JoomLine Like.
Плагин JoomLine Like – экспериментальный плагин с кнопками отечественных социальных сетей
Плагин JoomLine Like (JL Like) установлен на этом сайте и его кнопки вы можете увидеть в начале статьи. Отличительная особенность плагина – интеграция с отечественными социальными сетями. Все кнопки имеют счетчики.
Плагин очень простой, без дизайна кнопок, но работает исправно, проблем с ним не было.
Скачать: https://joomline.net/ru/downloads/jllike.html
И в завершении один платный плагин социальных кнопок, для примера.
JS Ultimate Social Share – плагин основных социальных кнопок
JS Ultimate Social Share простой плагин для размещения социальных кнопок вверху и/или внизу статьи, а также в плавающей боковой панели.
4 заметных дизайна кнопок, включение и выключение счетчика лайков, 20 вариантов оформления кнопок по размеру, форме и дизайну счетчика лайков.
Скачать плагин можно на сайте автора: https://jsns.eu/products/js-ultimate-social-share
©Joomla-abc.ru
Другие статьи раздела: расширения Joomla
class="eliadunit">
joomla-abc.ru
Добавление безопасных кнопок социальных сетей в материалы Joomla и товары Virtuemart
Знаю-знаю, тема избитая. Но не думайте, что будет совсем скучно читать. В этой статье мы поговорим не только о том, нужны ли кнопки социальных сетей на сайте. Мы разберем вопросы безопасности использования таких кнопок, а также научимся быстро и легко интегрировать безопасные кнопки социальных сетей в материалы Joomla и Virtuemart. Никаких хаков, никаких дополнительных расширений Joomla.
Кнопки социальных сетей: добавлять ли на сайт?
Когда я обновлял сайт wedal.ru, кнопки социальных сетей, которые присутствовали на страницах с материалами, утерялись. Из-за перехода сайта на Seblod, полностью изменились макеты страниц материалов и ранее интегрированные кнопки были потеряны.
Я некоторое время думал: «Стоит ли восстанавливать кнопки социальных сетей?». В итоге пришел к выводу: да, стоит. «Почему?» – спросите вы. В первую очередь, как ни странно, для себя. Для сайта wedal.ru есть отдельные профили Вконтакте и в других социальных сетях. Группу Вконтакте я не создаю, поскольку боюсь, что не буду успевать следить за ней, а вот профиль в самый раз. Если вы не хотите подписываться на новые выпуски по Email, то можете просто подать заявку в друзья, и получать новые статье в ленте новостей Вконтакте. Думаю, некоторым людям так удобнее.
Так вот, при чем здесь кнопки социальных сетей? На стену профиля Вконтакте я публикую материал именно с помощью одной из таких кнопок. Да, можно автоматизировать процесс таким образом, чтобы при публикации статьи, запись на стене появлялась сама. Но часто статью приходится пересохранять по несколько раз, исправляя мелкие или крупные недочеты. Мне гораздо удобнее нажать на такую социальную кнопку, которая опубликует запись на стене, чем пытаться этот процесс автоматизировать, избегая всех подводных камней.
Или другой вариант: вы – читатель. Вам понравилась статья, и вы не хотите ее потерять. Раньше мы бы добавили статью в закладки браузера или в социальные закладки. Сегодня проще добавить анонс статьи себе на стену в одной из социальных сетей. У многих людей стены как раз и играют роль закладок. Кроме того, статья, которую пользователь добавить на стену, используя социальные кнопки, автоматически показывается в ленте всех его друзей (по крайней мере, во Вконтакте именно так), а это значит, что анонс увидит большее число людей. Кого-то он может заинтересовать, и, вуаля, к вам на сайт идут новые посетители.
Некоторые веб-мастера дополнительно накручивают счетчики социальных сетей через сервисы вроде Bosslike. Есть мнение, что это способствует ускоренной индексации статей, а также привлекает на сайт дополнительных посетителей.
Недостатки социальных кнопок для сайта.
Основным недостатком использования на сайте социальных кнопок для меня всегда было то, что они связываются со сторонними серверами, что замедляет загрузку страниц сайта. Было бы неплохо иметь асинхронную загрузку.
Второй недостаток: вопрос безопасности. Сейчас развелось очень много сервисов, позволяющих интегрировать кнопки социальных сетей на сайт «буквально в пару кликов». Вы выбираете нужные для интеграции кнопки, после чего получаете готовый скрипт. Чаще всего этот скрипт обращается на сайт сервиса, через который уже происходит взаимодействие с социальными сетями. Какую информацию он собирает и передает? И главное, за счет чего существует сервис? Часто данные о посетителях, использующих кнопки таких сервисов у себя на сайте, собираются и продаются заинтересованным лицам. Репутация же может пострадать ваша.
«Какие кнопки социальных сетей выбрать?» – вот основной вопрос, к которому мы приходим.
Какие кнопки социальных сетей выбрать?
Проще всего воспользоваться старым добрым набором кнопок от Яндекса. Но внутренний параноик подсказывает, что есть какой-то подвох. Вряд ли Яндекс организовал такой сервис по доброте душевной. Если посмотреть документацию по сервису, то мы увидим пункт, что Яндекс оставляет за собой право сбора статистических данных:
«Пользователь понимает и соглашается с тем, что блок, с момента, установленного п. 2.2. Условий, собирает анонимные и обезличенные (без привязки к персональным данным посетителей сайта пользователя) данные о посещениях сайта Пользователя, а также анонимные и обезличенные данные о самом сайте Пользователя, и в автоматическом режиме передает их Яндексу для хранения обобщенной статистической информации, доступной для дальнейшего использования Яндексу в его собственных целях.»
Вообще, есть у меня подозрения, что любой скрипт от Яндекса, интегрированный на сайт (Директ, Метрика, Карты), собирает всё, что только может собрать. Такие данные могут, как помочь улучшить позиции сайта, так и подвести его под фильтры поисковой системы. Всё зависит от качества сайта. Что-то после прочтения этого пункта условий желание использовать кнопки от Яндекса лично у меня пропало.
Что в итоге имеем? Нам нужен скрипт социальных кнопок, который:
- Загружается асинхронно
- Не передает данные посторонним сервисам
- Позволяет выбрать социальные кнопки по желанию
- Позволят красиво отображать социальные кнопки на сайте
Еще некоторое время назад я приметил подходящий скрипт – Social Likes. Его преимущество в том, что это именно скрипт, скрипт для сайта, но не сторонний сервис. Вы можете интегрировать этот скрипт так же, как слайдер или скроллер.
Для параноиков: исходный код Social Likes полностью открыт. Вы можете знать обо всем, что он делает.
Social Likes предоставляет возможность разместить на сайте кнопки:
На сайте по ссылке выше вы сможете найти простейший конструктор для создания одного из вариантов, представленных на рисунке. Если же вы владеете CSS, то всегда можете оформить кнопки под себя.
Интеграция Social Likes в Joomla.
Интеграция Social Likes очень простая и состоит из двух этапов:
- Загрузить на сайт имеющиеся в архиве файлы
- Подключить эти файлы на нужных страницах и добавить код кнопок
Если эти пункты кажутся сложными, спешу успокоить: все очень просто. Идем по шагам.
Шаг 1. Загрузка файлов на сервер.
В архиве, который вы скачаете со страницы конструктора, будет 3 файла:
- index.html – содержит код кнопок
- social-likes.min.js – содержит скрипты кнопок
- social-likes_classic.css – содержит стили оформления кнопок
Файлы social-likes.min.js и social-likes_classic.css мы должны поместить в каталоги templates/ваш_шаблон/js/ и templates/ваш_шаблон/css/. Если каталогов css или js нет в папке с используемым вами шаблоном Joomla, просто создайте их.
На этом первый шаг закончен. Вроде несложно?)
Шаг 2. Подключение файлов и добавление кода кнопок.
Обычно социальные кнопки используются не на всех страницах сайта, а значит подключать файлы их скриптов и css-стилей на всех страницах также бессмысленно.
Мы объединим код кнопок и код подключения файлов в общий код.
Этот код будет следующим:
<link rel="stylesheet" href="/templates/ВАШ_ШАБЛОН/css/social-likes_flat.css"> <script src="/templates/ВАШ_ШАБЛОН/js/social-likes.min.js"></script> <div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>Весь код, кроме первых двух строчек вы должны взять из файла index.html, который будет в скачанном архиве, но не из примера кода выше! Также обратите внимание на название CSS-файла в первой строчке. Его название в архиве может быть другим, в зависимости от того стиля оформления, который вы выбрали в конструкторе. Название этого файла в коде и на сервере, куда он был загружен, должны совпадать!
Еще одна важная особенность! В используемом шаблоне Joomla должен быть подключен JS-фреймворк jQuery. Если у вас Joomla 3+, то практически наверняка он уже подключен.
Теперь самое главное и сложное: разобраться с тем, куда этот код вставлять.
Добавление социальных кнопок в материал Joomla
Если вы хотите добавить социальные кнопки в материал Joomla, то вам нужно поместить данный код в макет материала Joomla. Для этого файл:
components/com_content/views/article/tmpl/default.php
нужно скопировать в:
templates/ваш_шаблон/html/com_content/article/
и в скопированном файле подобрать место, в которое вы хотели бы вставить социальные кнопки. Как это сделать, если в коде файла вы ничего не понимаете? Методом тыка! Вставляйте несколько единичек в том или ином месте файла и смотрите, где они появятся на странице материала на сайте. Когда нужное место будет подобрано, замените единички кодом кнопок. Все, что важно знать об этом макете – основной текст материала выводится переменной:
<?php echo $this->item->text; ?>
Все, что выше нее, будет над текстом материала, все, что ниже, под текстом.
Добавление социальных кнопок в товар Virtuemart 2 - 3+
Если вы хотите добавить социальные кнопки в товар Virtuemart, то вам нужно поместить данный код в макет товара Virtuemart. Для этого файл:
components/com_virtuemart/views/productdetails/tmpl/default.php
нужно скопировать в:
templates/ваш_шаблон/html/com_ virtuemart/productdetails/
и в скопированном файле подобрать место, в которое вы хотели бы вставить социальные кнопки по аналогии с тем, как это описано для материала Joomla.
Если все сделано правильно, в нужном вам месте появятся красивые социальные кнопки. Они не будут привязаны к какому-либо сервису, и вы сможете быть спокойны за данные вашего сайта и его посетителей.
Об авторе
Wedal (Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.
Понравилась статья? Сохраните себе на стену:
Вконтакте
Одноклассники
Google+
Ваша оценка материала очень важна для нас. Просим вас оценить статью или оставить отзыв в комментариях.wedal.ru
Как добавить социальные кнопки на сайт Joomla 1.5 2.5 3.x?
Друзья, в данной статье я хочу предложить варианты добавления социальных кнопок на сайт Joomla 1.5 2.5 3.x в виде кода определенных популярных онлайн сервисов. Присоздании сайтов, я пользуюсь теми решениями, которые изложил ниже.
Решения в виде плагинов или модулей я не хочу популяризировать по нескольким причинам:
- во-первых, в расширениях, как правило, прячутся скрытые или явные ссылки на сайт разработчика или на тот сайт, откуда было скачано расширение, владельцы которого заботливо вставили ссылочку на себя, сделав ее невидимой, конечно же :)
- во-вторых, я еще не встречал такого компонента или плагина ни для Joomla 1.5 2.5 3.x, ни для Joomla 2.5, которые смог бы мне предоставить нужный набор социальных кнопок
- в-третьих, большинство подобных расширений почему-то не особо не позаботились об общей стилистике и эстетике социальных кнопок, в связи с чем, можно встретить довольно пестрый ряд из разных социальных кнопок, как по высоте, так и по стилистике. Согласитесь, такой разнобой не радует глаз.
- в-четвертых, иметь дело с кодом достаточно легко и приятно, благодаря чему, его можно интегрировать в практически любое место сайта, чего не сделаешь с плагином или компонентом.
Итак, я полагаю, назвал Вам достаточно причин для того, чтобы познакомиться с альтернативным вариантом добавления социальных кнопок на сайт Joomla. Но прежде чем приступим к рассмотрению сервисов социальных кнопок, хочу затронуть еще один вопрос.
Зачем нужны социальные кнопки на сайтах?
Скажем так, с началом появления социальных сетей и сервисов, размещение социальных кнопок на сайтах было данью моды. Со временем, влияние сигналов из социальных сетей стало настолько существенным, что польза для раскрутки сайтов, SEO-оптимизации, стала очевидной, что в свою очередь подтолкнуло практически каждого веб-мастера к размещению кнопок социальных сетей на своих сайтах.Согласитесь, уже нет того рафинированного SEO, каким оно было 10 лет тому назад. Современная раскрутка имеет широкий круг задач, где процесс банальной закупки ссылок занимает уже не первые места, хотя он всё еще и является актуальным, но...
По мере развития социальных сетей, они стали возрастать не только по качеству, значению для раскрутки, но и по количеству. Проводятся различные сравнительные анализы, которые показывают в определенных величинах степень влияния на продвижение сайтов сигналов в виде ссылок с тех или иных социальных сетей. Вот пожалуйста, в качестве наглядного примера, представляю Вашему вниманию интересную инфографику.
Как видно из инфографики (хоть она и на английском языке), изучено влияние на продвижение в Google социальных сетей в Соединенных Штатах за июнь 2013 года.Лидируют Google+, Facebook, Pinterest, Twitter. Важно обратить внимание на характеристику графика, важны различные действия, нетолько лайки и плюсы, но и важно делиться информацией, ставить ссылки, репостить... но это тема отдельной статьи.
Помимо самих ссылок, социальные сети оказывают неоспоримое влияние на трафик. Увеличение трафика из соцсетей также является косвенным показателем качества ресурса, т.е. еготраста. Кстати, существуют сайты, высокий трафик на который в большинстве обеспечивают ссылки на внутренние страницы из социальных сетей.
Итак, подытоживая важность социальных сетей для раскрутки сайтов, важно понимать, что необходимо обеспечить наличие ссылок на сайт в максимальном количестве социальных сетей, и, как следствие, обеспечить прирост трафика.А вот в этом вопросе и помогут кнопки социальных сетей, которые дадут возможность поделиться страницей Вашего сайта зашедшим посетителям на своих профилях в соцсетях.
Какие есть сервисы социальных кнопок?
Я коснусь в данной статье тех сервисов, которые на мой взгляд представляют достаточно широкий выбор кнопок социальных сетей и которые являются удобными для интеграции на наши сайты, как в плане кода, так и в плане стилистической визуализации самих кнопок.
http://share.pluso.ru/- российский сервис кнопок социальных сетей. Имеет очень широкий выбор кнопок, по крайней мере, выбор достаточный для продвижения сайтов в рунете. Пожалуй, нигде нет такого выбора кнопок соцсетей, рожденных на просторах СНГ, как здесь.
Удобный и понятный интерфейс позволяет составить свой набор кнопок для последующей их интеграции, путем перетаскивания с правой колонки в левую и наоборот, для удаления ненужных. Также, можно выбрать цветовую гамму и размер кнопок, а также их расположение. Для многих может быть нужным и полезным наличие счетчика.После составления нужного набора и вида кнопок, копируем код в самом низу страницы сервиса и вставляем его на сайт.В общем, здесь все просто и разжевывать больше нечего, поэтому переходим к следующему сервису.
http://share42.com/ru- также известный и популярный сервис, который предлагает довольно внушительный набор кнопок социальных сетей, большинство из них мне даже не известно.
Далее следует набор настроек, которые позволяют сконфигурировать код под Ваш сайт. Интересной особенностью является возможность интеграции кнопок сбоку, в виде плавающего блока, который находится на виду у посетителя при скроллинге страницы.
http://odnaknopka.ru/- наверно, это самый простой сервис, позволяющий добавить кнопки на сайт. Выглядит решение в виде простой кнопки, свойства которой также можно выбрать по вкусу - будь то выпадающий список соцсетей при наведении курсора на кнопку, или при клике новое окно... Однако, стоит отметить, что перечень кнопок социальных сетей далеко на самый широкий.
http://api.yandex.ru/share/- это последний сервис, который я хотел упомянуть, является продуктом компании Яндекс. Также, весьма простой и понятный интерфейс, с помощью которого можно оставить свой набор кнопок. Перечень кнопок, также, не самый широкий, но в отличие от предыдущего сервиса, вполне достаточный, поскольку охватывает основные социальные сети.Помимо выбора набора и внешнего вида кнопок, есть одна особенность - чтобы добавить в набор кнопку Pinterest, необходимо указать url-адрес картинки. Для этих целей можно использовать, например, логотип сайта. Нажимаем ctrl+u и ищем ссылку на наш логотип, или просто кликаем правой кнопкой на логотипе и выбираем «Открыть изображение», в адресной строке видим ссылку на логотип :)
Как вставить код социальных кнопок на сайт Joomla 1.5 2.5 3.x ?
Вот мы и подошли к завершающей стадии процесса установки кнопок на сайт.Наверняка, многие столкнулись с тем, что при добавлении кода или скриптов через админку, Joomla режет код и нужный результат не достигается.Я уже писал в статье о том, как вставить видео на сайт Joomla, что самым удобным методом является установка редактора JCE, который можно скачатьздесь. В режиме просмотра кода, вставляем наш код виджета, сохраняем и наслаждаемся результатом :)
Как вариант, можно интегрировать код соцкнопок прямо в код шаблона Joomla, но для этого нужно обладать определенным опытом редактирования шаблонов и некоторыми знаниями HTML, CSS, PHP, для того чтобы установить социальные кнопки именно в том месте, где Вам нужно. Поэтому, первый вариант будет доступен для всех.
Надеюсь, что эта статья помогла Вам найти ответ на вопрос как добавить социальные кнопки на сайт Joomla 1.5 2.5 3.x и буду рад, если Вы поделитесь этой информацией в своих профилях социальных сетей с другими пользователями - возможно, кому-то еще пригодится :) Ну а если у Вас возникли вопросы, пожалуйста, задавайте их в комментариях.
| Следующая > |
kleparj.com
