Кнопки социальных сетей в Joomla 2.5

Куда внедрять?
Какие и где взять?
  Блок Поделиться от Яндекса и панель от Pluso
  Плавающая вертикальная панель от Share42
Выборочное размещение


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

Блок "Поделиться" от Яндекса

Неплохой вариант для русскоязычного сайта. Идем на http://api.yandex.ru/share/ и настраиваем панель. В группе Набор сервисов выбираем интересующие нас соцсети. Почему-то включены только 12 сервисов, хотя на деле поддерживается 21 (включая Яндекс.Закладки), в чем можно убедится на странице документации. Как добавить остальные - чуть позже.

Теперь выберем внешний вид блока, кликнув на одном из вариантов в соответствующем меню. Скопируем содержимое раздела Код. Полученный скрипт вставляем согласно инструкции из предыдущей статьи. Чтобы добавить сервисы, не вошедшие в сгенерированный код, кликаем на линк Документация и скроллим вниз до раздела Список поддерживаемых сервисов. Я, например, зарегистрирован в LinkedIn. Нахожу его в списке, копирую ID сервиса - linkedin и добавляю к скрипту: data-yashareQuickServices="yaru, vkontakte, facebook, twitter, odnoklassniki, moimir, lj, gplus, linkedin". В результате код приобрел такой вид:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus,linkedin"></div>

Если есть желание добавить панель как перед содержимым, так и после (как вариант - интегрировать с JComments), то первую строку - ссылку на JavaScript - можно добавить один раз - перед содержимым, а сам блок DIV - перед и после.

Панель соцкнопок от Pluso.

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

На сайте производителя строим подходящий макет. Копируем сгенерированный код. Вот мой:

<script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('head')[0] || d[g]('body')[0]; h.appendChild(s); })();</script> <div class="pluso" data-options="big,square,line,horizontal,counter,theme=06" data-services="facebook,twitter,vkontakte,odnoklassniki,yandex,moimir,google,linkedin" data-background="transparent"></div>

Как и в случае с блоком от Яндекса, код состоит из двух частей: скрипта и контейнера DIV. В случае помещения одинаковых панелей перед и после - скрипт можно вставить единожды в место перед содержимым. Если же делать две разные панели вверху и внизу - тогда два сгенерированных фрагмента кода вставляются как есть перед статьей и после нее. В общем, все гибко.

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

Комментарии  

flyff
0 # flyff 21.04.2022 22:07
Thanks for finally talking about >Кнопки социальных сетей в Joomla 2.5.
Варианты от Яндекса и Pluso
Ответить | Ответить с цитатой | Цитировать
flyff
0 # flyff 28.07.2022 23:34
I was curious if you ever considered changing the structure
of your website? Its very well written; I love what youve got to say.
But maybe you could a little more in the way of content so people
could connect with it better. Youve got an awful
lot of text for only having 1 or two pictures.
Maybe you could space it out better?
Ответить | Ответить с цитатой | Цитировать
платья для девушки
0 # платья для девушки 29.07.2022 15:34
I love it whenever people get together and share ideas.

Great site, keep it up!
Ответить | Ответить с цитатой | Цитировать
flyff
0 # flyff 03.08.2022 14:08
Hello! Would you mind if I share your blog with my facebook
group? There's a lot of people that I think would really enjoy
your content. Please let me know. Cheers
Ответить | Ответить с цитатой | Цитировать
my blog
0 # my blog 03.08.2022 20:49
Hello! Do you know if they make any plugins to safeguard against hackers?
I'm kinda paranoid about losing everything I've worked hard on. Any recommendations?
Ответить | Ответить с цитатой | Цитировать
my blog
0 # my blog 04.08.2022 02:09
Hi, just wanted to say, I loved this post. It was helpful.
Keep on posting!
Ответить | Ответить с цитатой | Цитировать
my blog
0 # my blog 04.08.2022 04:28
I like the valuable information you provide in your articles.
I will bookmark your blog and check again here frequently.
I am quite sure I'll learn lots of new stuff right here!
Best of luck for the next!
Ответить | Ответить с цитатой | Цитировать
mmorpg
0 # mmorpg 04.08.2022 05:56
Hi to every , as I am in fact eager of reading this blog's post to be
updated regularly. It consists of pleasant stuff.
Ответить | Ответить с цитатой | Цитировать
my blog
0 # my blog 06.08.2022 00:18
We are a group of volunteers and opening a
new scheme in our community. Your site provided us with valuable
info to work on. You have done an impressive job and our entire community will
be grateful to you.
Ответить | Ответить с цитатой | Цитировать
my blog
0 # my blog 08.08.2022 04:40
This design is incredible! You obviously know how to keep a reader
entertained. Between your wit and your videos, I was almost moved to start my own blog (well,
almost...HaHa!) Wonderful job. I really loved what you had to say, and more than that, how you presented it.
Too cool!
Ответить | Ответить с цитатой | Цитировать

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


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